/* public */

.fixed-table-pagination div.pagination,
.fixed-table-pagination .pagination-detail {
    margin: 0 !important;
}

i {
    font-style: normal;
}

button {
    outline: none !important;
}

.disb {
    display: block;
}

.fl {
    float: left !important;
}

.fr {
    float: right;
}

.w-10 {
    width: 10%;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.w-25 {
    width: 25% !important;
}

.w-30 {
    width: 30% !important;
}

.w-40{
    width: 40% !important;
}

.w-33 {
    width: 33.3% !important;
}

.w-50 {
    width: 50% !important;
}

.w-66 {
    width: 66.6% !important;
}
.w-70{
    width: 70%;
}

.w-100 {
    width: 100% !important;
}

.w30 {
    width: 30px;
}

.w70 {
    width: 70px;
}

.w100 {
    width: 100px;
}

.w112 {
    width: 112px;
}

.w150 {
    width: 150px !important;
}

.w200 {
    width: 200px;
}

.w280 {
    width: 280px;
}

.h100 {
    height: 100px !important;
}

.line34 {
    line-height: 34px;
    padding-right: 5px;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mr-10 {
    margin-right: 10px;
}

.mr-20 {
    margin-right: 20px;
}

.ml0 {
    margin-left: 0 !important;
}

.ml-10 {
    margin-left: 10px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-40 {
    margin-left: 40px;
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px !important;
    overflow: hidden;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mar0 {
    margin: 0 !important;
}
.mar-auto{
    margin: 0 auto;
}

.fln {
    float: none;
}

.mc {
    float: none;
    margin: 0 auto;
}

.tac {
    text-align: center !important;
}

.tal {
    text-align: left !important;
}

.tar {
    text-align: right !important;
}

.vert {
    vertical-align: top !important;
}

.verm {
    vertical-align: middle !important;
}

.bora {
    border-radius: 0 !important;
}

.hand {
    cursor: pointer;
}

.bra {
    border: 1px solid #c8c8c8;
    border-radius: 4px;
}

.text_left {
    text-align: left
}

.displayflex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.flex1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex2 {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.flexitem {
    display: inline-flex;
    white-space: nowrap;
}

.plr8 {
    padding: 0 8px !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr-40 {
    padding-right: 40px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-20 {
    padding-left: 20px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.cursor i {
    cursor: pointer;
}

.btn-primary,
.btn-primary:visited,
.btn-primary:hover,
.btn-primary:active {
    background: #4fa1a4 !important;
    border-color: #4fa1a4 !important;
}

.icon-route {
    color: #ccc !important;
}

.no-border {
    border: 0 !important;
}

/*div[disabled], div[readonly], input[disabled], input[readonly], select[disabled], select[readonly], textarea[disabled], textarea[readonly]{background: #e1e1e1 !important; color: #606f7a !important;}*/

.layui-form-select .layui-input,
.input-group .form-control {
    background: #f5f5f5;
}

.radio-inline,
.checkbox-inline+.checkbox-inline {
    margin-left: 10px
}

.no_right_border {
    border-right: 0 !important;
    border-radius: 8px 0 0 8px !important;
}

.no_top_border {
    border-top: 0 !important;
}

.layui-layer-page .layui-layer-content {
    overflow-x: hidden !important;
}

.overx {
    overflow-x: auto;
}

.rela_img {
    position: relative;
}

.rela_img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

input.error {
    border: 1px solid #f00220 !important;
}

.plr30 {
    padding: 0 30px;
}

.text_box_span {
    vertical-align: top;
}

.text_box {
    width: 100%;
    min-height: 100px;
    text-align: left;
    border: 1px solid #ccc;
    border-left: 0;
    border-radius: 0 8px 8px 0;
    padding: 6px 12px;
    word-wrap: break-word;
    word-break: break-all;
    background: #f5f5f5;
}

.operate-btns .fb-manufacturer::before {
    background-position: 0 -1053px;
}

.operate-btns .fb-agents::before {
    background-position: 0 -1080px;
}

.operate-btns .fb-service::before {
    background-position: 0 -1107px;
}

.operate-btns .fb-attorney::before {
    background-position: 0 -1134px;
}

.operate-btns .fb-orders::before {
    background-position: 0 -1161px;
}

.operate-btns .fb-overrule::before {
    background-position: 0 -1647px;
}

.operate-btns .fb-accepted::before {
    background-position: 0 -297px;
}

.operate-btns .fb-select::before {
    background-position: 0 -1215px;
}

.operate-btns .fb-stamp::before {
    background-position: 0 -1242px;
}

.operate-btns .fb-car::before {
    background-position: 0 -1269px;
}

.operate-btns .fb-hospital::before {
    background-position: 0 -1296px;
}

.operate-btns .fb-purview::before {
    background-position: 0 -810px;
}

.operate-btns .iconfont icon-head-generatingList::before {
    background-position: 0 -972px;
}

.operate-btns .fb-null::before {
    background-position: 0 -1188px;
}

.operate-btns .fb-license:before {
    background-position: 0 -1377px;
}

.operate-btns .fb-coding:before {
    background-position: 0 -1404px;
}

.operate-btns .fb-price:before {
    background-position: 0 -1431px;
}

/* header */

.header_con .header_link {
    float: right;
    height: 24px;
    line-height: 24px;
    padding: 7px 10px 0 0;
}

.header_link li {
    float: left;
    color: #aab4ba;
}

.header_link li a {
    padding: 0 20px;
    font-size: 13px;
    color: #5b6e7a;
}

.header_link li a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background: url(../images/top-icon.png) no-repeat;
}

.header_link li a.top_bbs:before {
    background-position: 0 0;
}

.header_link li a.top_tel:before {
    background-position: 0 -30px;
}

.header_link li a.top_msg:before {
    background-position: 0 -60px;
}

.header_link li a.top_msg:after {
    content: "·";
    display: inline-block;
    position: relative;
    top: -7px;
    right: 1px;
    color: #f00220;
}

.page-step ul li {
    float: left;
    height: 32px;
    line-height: 32px;
    margin-right: 30px;
}

.page-step ul li:after {
    content: "";
    display: inline-block;
    width: 35px;
    height: 34px;
    background: url(../images/form-icon.png) no-repeat 0 -1552px;
}

.page-step a {
    float: left;
    display: inline-block;
    padding: 0 20px;
    font-size: 18px;
    color: #4fa1a4;
    border: 1px solid #4fa1a4;
}

.page-step li.on a,
.page-step li:hover a {
    color: #fff;
    background: #4fa1a4;
}

/* details title */

.fheader {
    height: 65px;
    line-height: 34px;
    margin-bottom: 10px;
    padding: 18px 0 10px;
    border-bottom: 2px solid #4aa8e5;
    color: #4aa8e5;
    /* overflow: hidden; */
}

.fheader .fh-tit {
    float: left;
    line-height: 34px;
    font-size: 18px;
    font-weight: bold;
}

.fheader .fh-tit:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 28px;
    background: url(../images/form-icon.png) no-repeat;
}

/* 2017年度各地发货统计 */

.fheader .fh-local:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 28px;
    background: url(../images/fh_c1.png) no-repeat;
}

/* 2017年度单品销售排行榜 */

.fheader .fh-local2:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 28px;
    background: url(../images/fh_c2.png) no-repeat;
}

/* 2017年月度订单与发货总量统计 */

.fheader .fh-local3:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 28px;
    background: url(../images/fh_c3.png) no-repeat;
}

/* 月度各省（各市）发货量统计 */

.fheader .fh-local4:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 28px;
    background: url(../images/fh_c4.png) no-repeat;
}

/* 2017年月度各省（各市）收入统计 */

.fheader .fh-local5:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 28px;
    background: url(../images/fh_c5.png) no-repeat;
}

.fheader .fh-notes:before {
    background-position: 0 -25px;
}

.fheader .fh-stock:before {
    height: 28px;
    background-position: 0 -672px;
}

.fheader .fh-tel:before {
    background-position: 0 -927px;
}

.fheader .fh-msg:before {
    background-position: 0 -2045px;
}

.fheader .fh-money:before {
    background-position: 0 -1438px;
}

.fheader .fh-cert:before {
    height: 30px;
    background-position: 0 -975px;
}

.fheader .fh-step:before {
    background-position: 0 -1077px;
}

.fheader .fh-manage:before {
    background-position: 0 -1400px;
}

.fheader .fh-enterprise:before {
    background-position: 0 -1514px;
}

.fheader .fh-function:before {
    background-position: 0 -1476px;
}

.fheader .fh-downstream:before {
    background-position: 0 -1596px;
}

.fheader .fh-cost:before {
    background-position: 0 -1634px;
}

.fheader .fh-unit:before {
    background-position: 0 -1672px;
}

.fheader .fh-photo:before {
    background-position: 0 -422px;
}

.fheader .fh-card:before {
    height: 20px;
    background-position: 0 -1710px;
}

.fheader .fh-police:before {
    background-position: 0 -1740px;
}

.fheader .fh-price:before {
    background-position: 0 -1778px;
}

.fheader .fh-plain:before {
    height: 26px;
    background-position: 0 -1816px;
}

.fheader .fh-details:before {
    width: 30px;
    background-position: 0 -723px;
}

.fheader .fh-analysis:before {
    background-position: 0 -1852px;
}

.fheader .fh-outwarehouse:before {
    background-position: 0 -1263px;
}

.fheader .fh-inwarehouse:before {
    background-position: 0 -1311px;
}

.fheader .fh-execution:before {
    background-position: 0 -1890px;
}

.fheader .fh-relationship:before {
    background-position: 0 -1930px;
}

.fheader .fh-product:before {
    background-position: 0 -588px;
}

.fheader .fh-logistics:before {
    background-position: 0 -1969px;
}

.fheader .fh-linked:before {
    background-position: 0 -1029px;
}

.fheader .fh-write:before {
    background-position: 0 -2007px;
}

.fheader .fh-total:before {
    height: 20px;
    background-position: 0 -2083px;
}

.fheader .fh-average:before {
    height: 20px;
    background-position: 0 -2113px;
}

.fheader .fh-bidding:before {
    background-position: 0 -2143px;
}

.fheader .fh-radio {
    float: left;
    width: auto;
}

.fheader .fh-radio input[type=radio] {
    margin: 0 4px 0 0;
    cursor: pointer;
}

.fheader .fh-line:before{
    background: url(../images/icon-line.png) no-repeat center;
}

.stretch {
    float: left;
    cursor: pointer;
}

.stretch .stretch-push {
    display: inline-block;
    cursor: pointer;
}

.stretch .stretch-push:before {
    content: "";
    display: inline-block;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    background: url(../images/stretch.png) no-repeat 0 -42px;
}

.fheader .tips {
    float: right;
}

/* 表格样式修改 */

.fixed-table-body {
    /*overflow: hidden;*/
}

.fixed-table-container {
    height: auto !important;
    border: 0px;
}

/*.fixed-table-container thead th .both {
    background: none;
}*/

.fixed-table-container thead th {
    border-left: 0px;
    text-align: center;
}

.fixed-table-container tbody tr {
    /*height: 72px;*/
    background: #f5f5f5;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background: #f5f5f5;
}

.fixed-table-container tbody td {
    line-height: 24px !important;
    border-left: 0px;
    text-align: center;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    height: 42px;
    vertical-align: middle;
    font-size: 14px;
    text-align: center;
}

.table_accordion>thead>tr>th,
.table_accordion>tbody>tr>td,
.table_accordion>tfoot>tr>td {
    height: auto;
}

.table_accordion>tbody>tr:first-child>td {
    height: 54px;
}

.table tbody tr:hover,
.table_accordion>tbody:hover {
    -webkit-box-shadow: 0 0 2px 1px #b2b2b2;
    -moz-box-shadow: 0 0 2px 1px #b2b2b2;
    -ms-box-shadow: 0 0 2px 1px #b2b2b2;
    -o-box-shadow: 0 0 2px 1px #b2b2b2;
    box-shadow: 0 0 2px 1px #b2b2b2;
    background-color: #fff !important;
}

.table_accordion>tbody:hover tr td {
    background-color: #fff !important;
}

.table_btn {
    height: 34px;
    line-height: 34px;
    border: 1px solid #4fa1a4;
    color: #4fa1a4;
    border-radius: 8px;
    overflow: hidden;
    white-space: nowrap;
}

.table_btn a {
    display: inline-block;
    float: left;
    position: relative;
    font-size: 14px;
    padding: 0 10px;
    white-space: nowrap;
}

.table_btn a i {
    font-style: normal;
    position: absolute;
    top: 0px;
    right: -3px;
    float: right;
    color: #4fa1a4;
}

.table_del {
    color: #f00220;
    border-color: #f00220;
}

.btn-blue {
    color: #00aaeb;
}

.btn-orange {
    color: #ff7202;
}

.btn-red {
    color: #f00220;
}

.btn-gray {
    color: #4fa1a4;
}

.btn-black {
    color: #373737;
}

.table_btn a:hover {
    color: #fff;
}

.btn-blue:hover {
    color: #fff;
    background: #00aaeb;
}

.btn-orange:hover {
    color: #fff;
    background: #ff7202;
}

.btn-red:hover {
    color: #fff;
    background: #f00220;
}

.btn-gray:hover {
    color: #fff;
    background: #4fa1a4;
}

.btn-black:hover {
    color: #fff;
    background: #373737;
}

.table-page {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
}

.table-page a {
    display: inline-block;
    width: 78px;
    height: 24px;
    line-height: 22px;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    margin: 0 10px;
}

.table-page a:hover {
    color: #4fa1a4;
    border: 1px solid #4fa1a4;
}

.table-page span {
    display: inline-block;
    margin: 0 5px;
}

.table-page span i,
.table-page span em {
    font-style: normal;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #4fa1a4;
}

/* 按钮样式 */

.firm-btn {
    margin-bottom: 16px;
    overflow: hidden;
}

.firm-btn .ibtn {
    float: left;
    display: block;
    height: 34px;
    margin-right: 20px;
}

.firm-btn .ibtn i {
    display: inline-block;
    float: left;
    width: 34px;
    height: 34px;
    border-radius: 8px 0 0 8px;
    text-align: center;
}

.firm-btn .ibtn i:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-top: 6px;
    background: url(../images/operate.png) no-repeat;
}

.firm-btn .ibtn span {
    display: inline-block;
    width: 66px;
    height: 28px;
    line-height: 28px;
    border-radius: 0px 8px 8px 0;
    margin-top: 3px;
    text-align: center;
}

.firm-btn .ico-btn-blue i {
    background: #00aaeb;
}

.firm-btn .ico-btn-blue i:before {
    background-position: 0 -891px;
}

.firm-btn .ico-btn-blue span {
    color: #00aaeb;
    border: 1px solid #00aaeb;
    border-left: 0;
}

.firm-btn .ico-btn-orange i {
    background: #ff7202;
}

.firm-btn .ico-btn-orange i:before {
    background-position: 0 -135px;
}

.firm-btn .ico-btn-orange span {
    color: #ff7202;
    border: 1px solid #ff7202;
    border-left: 0;
}

.firm-btn .ico-btn-red i {
    background: #f00220;
}

.firm-btn .ico-btn-red i:before {
    background-position: 0 -162px;
}

.firm-btn .ico-btn-red span {
    color: #f00220;
    border: 1px solid #f00220;
    border-left: 0;
}

.ico-border-btn .ico-btn-upload {
    display: inline-block;
    width: 161px;
    height: 34px;
    line-height: 34px;
    color: #4fa1a4;
    border: 1px solid #4fa1a4;
    border-radius: 8px;
    text-align: center;
}

.ico-border-btn .ico-btn-upload:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background: url(../images/layui-icon.png) no-repeat;
    background-position: 0 -100px;
    vertical-align: middle;
}

/* 弹出层样式 */

.pop-border {
    border: 6px solid #c8c8c8;
    border-radius: 8px !important;
    text-align: center;
}

.pop-border .layui-layer-title {
    color: #00acf1;
    text-align: left;
    font-weight: bold;
}

.pop-border .layui-layer-content {
    padding: 10px;
}
/* 
.pop-border .layui-layer-btn {
    display: inline-block;
    height: 34px;
    border: 1px solid #4fa1a4;
    border-radius: 8px;
    padding-top: 6px !important;
}

.pop-border .layui-layer-btn a {
    height: 20px;
    line-height: 20px;
    color: #333;
    border: 0;
    border-left: 1px solid #4fa1a4;
    padding: 0 20px;
    background: none;
    margin: 0;
}

.pop-border .layui-layer-btn a:first-child {
    border-left: 0;
}

.pop-border .layui-layer-btn a:hover {
    color: #4fa1a4;
} */

.layui-layer .layui-layer-btn{
    text-align: center;
}
.layui-layer .layui-layer-btn a{
    position: relative;
    height: 34px;
    line-height: 34px;
    border-width: 1px;
    border-style: solid;
    border-color: #4fa1a4;
    margin: 0;
    background: #fff;
    color: #4fa1a4;
}
.layui-layer .layui-layer-btn a:before{
    position: absolute;
    left: 0;
    top: 6px;
    content: '';
    width: 1px;
    height: 20px;
    background: #4fa1a4;
}
.layui-layer .layui-layer-btn a:first-child:before{
    width: 0;
}
.layui-layer-btn a:first-child{
    border-right-width: 0;
    border-radius: 8px 0 0 8px;
}
.layui-layer-btn a:last-child{
    color: #f00220;
    border-left-width: 0;
    border-radius: 0 8px 8px 0;
}
.layui-layer-btn a:hover{
    color: #fff;
    background: #4fa1a4;
}
.layui-layer-btn a:last-child:hover{
    background: #f00220;
}

.popup-btn {
    border-radius: 8px !important;
    background: #f5f5f5 !important;
    box-sizing: border-box;
    border: 6px solid #c8c8c8;
    text-align: center;
    /*padding-bottom: 20px !important;*/
    overflow: hidden;
}

.popup-btn .layui-layer-title {
    text-align: left;
    color: #00acf1;
    border-radius: 8px 8px 0 0;
    border-bottom: none !important;
    background: #f5f5f5;
}

.popup-btn .layui-layer-setwin {
    top: 11px;
    right: 11px;
}

.popup-btn .layui-layer-setwin a.layui-layer-close {
    width: 20px;
    height: 20px;
    background: url(../images/layui-icon.png) no-repeat;
    background-position: 0 -40px;
    margin-left: 0;
}

.popup-btn .layui-layer-content {
    padding: 15px 20px 20px;
    background: #f5f5f5;
    clear: both;
}

.popup-tit-red .layui-layer-title {
    color: #f00220;
}

.popup-tit-red .layui-layer-title:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 18px;
    vertical-align: middle;
    margin-right: 10px;
    background: url(../images/layui-icon.png) no-repeat;
    background-position: 0 0;
}

/* 弹出层按钮 */

.popup-btn .layui-layer-btn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 6px 0 !important;
    color: #4fa1a4;
    border: 1px solid #4fa1a4;
    border-radius: 8px;
    text-align: center;
}

.popup-btn .layui-layer-btn a {
    height: 20px;
    line-height: 20px;
    padding: 0 20px;
    margin: 0;
    color: #4fa1a4;
    border: none;
    background: none !important;
    border-left: 1px solid #4fa1a4;
    border-radius: 0;
}

.popup-btn .layui-layer-btn a:first-child {
    border-left: 0;
}

.popup-btn .layui-layer-btn a:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background: url(../images/layui-icon.png) no-repeat;
    vertical-align: middle;
}

.popup-btn-save .layui-layer-btn .layui-layer-btn0:before {
    background-position: 0 -180px !important;
}

.popup-btn-close .layui-layer-btn .layui-layer-btn0:before {
    background-position: 0 -40px !important;
}

.popup-btn-sc .layui-layer-btn .layui-layer-btn0:before {
    background-position: 0 -180px !important;
}

.popup-btn-sc .layui-layer-btn .layui-layer-btn1:before {
    background-position: 0 -40px !important;
}

.popup-btn-ca .layui-layer-btn .layui-layer-btn0:before {
    width: 14px;
    height: 14px;
    background-position: 0 -156px !important;
}

.popup-btn-ca .layui-layer-btn .layui-layer-btn1:before {
    background-position: 0 -128px !important;
}

.popup-btn-di .layui-layer-btn .layui-layer-btn0:before {
    background-position: 0 -70px !important;
}

.popup-btn-di .layui-layer-btn .layui-layer-btn1:before {
    background-position: 0 -240px !important;
}

.popup-btn-sac .layui-layer-btn .layui-layer-btn0:before {
    background-position: 0 -180px !important;
}

.popup-btn-sac .layui-layer-btn .layui-layer-btn1:before {
    background-position: 0 -210px !important;
}

.popup-btn-sac .layui-layer-btn .layui-layer-btn2:before {
    background-position: 0 -40px !important;
}

.popup-btn-ds .layui-layer-btn .layui-layer-btn0:before {
    background-position: 0 -70px !important;
}

.popup-btn-ds .layui-layer-btn .layui-layer-btn1:before {
    background-position: 0 -300px !important;
}

.popup-btn-ss .layui-layer-btn .layui-layer-btn0:before {
    background-position: 0 -180px !important;
}

.popup-btn-ss .layui-layer-btn .layui-layer-btn1:before {
    background-position: 0 -330px !important;
}

.popup-btn-page .layui-layer-btn a:before {
    width: 0;
    height: 0;
    margin-right: 0;
}

.popup-btn-oc .layui-layer-btn0:before {
    background-position: 0 -270px !important;
}

.popup-btn-oc .layui-layer-btn1:before {
    background-position: 0 -40px !important;
}

/* 证照维护 */

.bd-gray2 {
    border: 1px solid #c8c8c8 !important;
}

.fpart .cert-manage {
    margin-top: 20px;
}

/* #uploader_pictcontent {
    margin-left: 15px;
} */

.fpart .cert-manage:first-child {
    margin-top: 0;
}

.cert-manage .cert-item {
    float: left;
    /* width: 240px;  margin-left: 10px;*/
}

.cert-manage .cert-type {
    color: #4aa8e5;
    text-align: center;
    margin: 10px 10px 0;
    overflow: hidden;
}

.cert-manage .cert-view {
    position: relative;
    border: medium none !important;
}

.cert-manage .cert-view .cert-list {
    padding: 0;
    margin: 0;
    list-style: outside none none;
    overflow: hidden;
    text-align: center;
}

.cert-manage .cert-view .cert-list:hover {
    box-shadow: 0px 0px 3px 3px #eee;
}

.cert-manage .cert-view .cert-list li {
    width: 100%;
    padding: 10px;
}

.cert-manage .cert-view .cert-list .datetime-picker {
    font-size: 14px;
}

.cert-manage .cert-view .cp-box {
    /*width: 220px;*/
    height: 151px;
    border: 1px solid #c8c8c8;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.big-imgs:before {
    position: absolute;
    background: #649fa3 url(../images/search.png) no-repeat center center /90% auto;
    z-index: 10;
}

.license-btn {
    height: 34px;
    text-align: center;
    margin-top: 10px;
    border: 1px solid #649fa3;
    border-radius: 8px;
    vertical-align: middle;
    overflow: hidden;
}

.license-btn .fbtn {
    position: relative;
    float: left;
    width: 33.3%;
    height: 34px;
    padding: 5px 0;
    cursor: pointer;
}

.license-btn .fbtn:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/license-icon.png) no-repeat;
    vertical-align: middle;
}

.license-btn .modify-btn:before {
    background-position: 0 -30px;
}

.license-btn .modify-btn:hover {
    background: #4fa1a4;
}

.license-btn .modify-btn:hover:before {
    background-position: 0 0;
}

.license-btn .fbtn i {
    position: absolute;
    float: right;
    top: 6px;
    right: -3px;
    color: #649fa3;
    font-style: normal;
}

.license-btn .magnify-btn:before {
    background-position: 0 -136px;
}

.license-btn .magnify-btn:hover {
    background: #4fa1a4;
}

.license-btn .magnify-btn:hover:before {
    background-position: 0 -172px;
}

.license-btn .del-btn:before {
    background-position: 0 -61px;
}

.license-btn .del-btn:hover {
    background: #f00220;
}

.license-btn .del-btn:hover:before {
    background-position: 0 -98px;
}

.license-btn .upload-btn:before {
    background-position: 0 -274px;
}

.cert-manage .cert-view .cert-list li>input[type="text"] {
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    margin-top: 10px;
    border: 1px solid #c8c8c8;
    text-align: center;
}

.cert-manage .cert-view .cert-list li>input.text-empty[type="text"] {
    color: #656565;
    border-radius: 8px;
}

.datetime-picker input[type=text] {
    width: 100%;
    height: 23px;
    margin-top: 10px;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    text-align: center;
}

.checkbox-control>input[type="checkbox"]:checked+.checkbox:after,
.checkbox-control>input[type="checkbox"]:checked+.checkbox:before {
    border-color: #4aa8e5;
    background: url(../images/checkbox.png) no-repeat 50% 0 / 11px 43px;
}

.checkbox-control .checkbox:after,
.checkbox-control .checkbox:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    vertical-align: middle;
    border: 1px solid #dfe2e4;
}

.checkbox-control .checkbox:after {
    display: none;
    margin: 0 0 0 8px;
}

.checkbox-control .checkbox {
    display: inline-block;
    color: #606f7a;
    line-height: 34px;
    margin-right: 15px;
    overflow-wrap: break-word;
    word-break: normal;
    cursor: pointer;
}

.cert-manage .enterprise-view {
    overflow: hidden;
}

.cert-manage .enterprise-view .cert-list .cp-box {
    width: 120px;
    height: 84px;
    border: 1px solid #c8c8c8;
    background: url(../images/picture.png) no-repeat center;
    margin-right: 20px;
}

/* 会员资料-权限分配 */

.port-select {
    text-align: center;
    margin-bottom: 20px;
}

.port-select ul li {
    display: inline-block;
    margin: 0 23px;
}

.port-select ul li .connector {
    float: left;
    display: inline-block;
    min-width: 118px;
    padding: 0 10px;
    height: 52px;
    line-height: 52px;
    font-size: 18px;
    color: rgba(55, 55, 55, .6);
    border: 1px solid #c8c8c8;
}

.port-select ul li .connector.on,
.port-select ul li .connector:hover {
    color: #4fa1a4;
    border: 1px solid #4fa1a4;
}

.port-select ul li .connector:before {
    float: left;
    display: inline-block;
    content: "";
    width: 24px;
    height: 44px;
    position: relative;
    left: -22px;
    top: 4px;
    background: url(../images/port-icon.png) no-repeat #f5f5f5;
}

.port-select ul li .port-owner.on:before,
.port-select ul li .port-owner:hover:before {
    background-position: 0 0;
}

.port-select ul li .port-owner:before {
    background-position: 0 -54px;
}

.port-select ul li .port-storage.on:before,
.port-select ul li .port-storage:hover:before {
    background-position: 0 -108px;
}

.port-select ul li .port-storage:before {
    background-position: 0 -162px;
}

.port-select ul li .port-car.on:before,
.port-select ul li .port-car:hover:before {
    background-position: 0 -216px;
}

.port-select ul li .port-car:before {
    background-position: 0 -270px;
}

.port-select ul li .port-end.on:before,
.port-select ul li .port-end:hover:before {
    background-position: 0 -324px;
}

.port-select ul li .port-end:before {
    background-position: 0 -378px;
}

.port-select ul li .port-equip.on:before,
.port-select ul li .port-equip:hover:before {
    background-position: 0 -432px;
}

.port-select ul li .port-equip:before {
    background-position: 0 -486px;
}

.port-select ul li .port-operator.on:before,
.port-select ul li .port-operator:hover:before {
    background-position: 0 -912px;
}

.port-select ul li .port-operator:before {
    background-position: 0 -966px;
}

.port-select ul li .port-manage.on:before,
.port-select ul li .port-manage:hover:before {
    background-position: 0 -1020px;
}

.port-select ul li .port-manage:before {
    background-position: 0 -1074px;
}

.port-select ul li .port-member.on:before,
.port-select ul li .port-member:hover:before {
    background-position: 0 -1128px;
}

.port-select ul li .port-member:before {
    background-position: 0 -1182px;
}

.port-select ul li .port-overview.on:before,
.port-select ul li .port-overview:hover:before {
    background-position: 0 -1236px;
}

.port-select ul li .port-overview:before {
    width: 30px;
    background-position: 0 -1290px;
}

.port-select ul li .port-area.on:before,
.port-select ul li .port-area:hover:before {
    background-position: 0 -1344px;
}

.port-select ul li .port-area:before {
    width: 33px;
    background-position: 0 -1398px;
}

.port-select ul li .port-hospital.on:before,
.port-select ul li .port-hospital:hover:before {
    background-position: 0 -1452px;
}

.port-select ul li .port-hospital:before {
    width: 24px;
    background-position: 0 -1506px;
}

.port-select ul li .port-factory.on:before,
.port-select ul li .port-factory:hover:before {
    background-position: 0 -1560px;
}

.port-select ul li .port-factory:before {
    width: 28px;
    background-position: 0 -1614px;
}

.port-select ul li .port-clerk.on:before,
.port-select ul li .port-clerk:hover:before {
    background-position: 0 -1668px;
}

.port-select ul li .port-clerk:before {
    width: 25px;
    background-position: 0 -1722px;
}

.downstream-info .fpart {
    height: 54px;
    background: #ebebeb;
    text-align: center;
}

.downstream-info .fpart .row>div {
    float: none;
    display: inline-block;
    height: 54px;
    line-height: 54px;
}

.right-main {
    border-left: 2px solid #00aaeb;
    padding-left: 30px;
}

.bd-lft .left-nav {
    min-height: 168px;
    width: 276px;
    left: -305px;
    margin-top: 3px;
    padding-bottom: 30px;
    border-radius: 8px;
    border: 1px solid #00aaeb;
    overflow: hidden;
}

.left-nav dl {
    margin-top: 10px;
    position: relative;
}

.left-nav dl:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 35px;
    bottom: 16px;
    left: 31px;
    width: 1px;
    background: #c8c8c8;
}

.left-nav dl dt {
    height: 32px;
    line-height: 32px;
    padding-left: 20px;
}

.left-nav dl .stretch-pull:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background: url(../images/stretch.png) no-repeat 0 -113px;
}

.left-nav dl dt .fh-tit {
    font-size: 14px;
    color: #373737;
    height: 32px;
    line-height: 32px;
}

.left-nav dl dd {
    padding-left: 49px;
    height: 34px;
    line-height: 34px;
    clear: both;
    position: relative;
}

.left-nav dl dd:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 31px;
    top: 17px;
    height: 1px;
    width: 16px;
    background: #c8c8c8;
}

.left-nav dl dd .input-group {
    width: auto;
}

.checkbox-btn {
    width: 125px;
    height: 34px;
    line-height: 34px;
    color: rgba(55, 55, 55, .6);
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    background: #f5f5f5;
}

.left-nav dl dd .checkbox-inline span::before {
    background-color: #f5f5f5;
}

/* 物流日常费用支出管理 */

.open_file #file_Path {
    border-radius: 8px 0 0 8px;
    border: 1px solid #c8c8c8;
    border-right: 0px;
    padding: 0 0 0 10px;
}

.open_file .input-group-addon {
    width: 60px;
    padding: 0;
    background: #4fa1a4;
    border-radius: 0 8px 8px 0 !important;
    text-align: center;
    border: 0;
}

.open_file .glyphicon {
    color: #fff;
}

/* 货主端-商品资料维护 */

.goods-import>div {
    padding: 0;
    border-bottom: 2px solid #c8c8c8;
}

.goods-import dl {
    padding: 16px 0 24px 52px;
    cursor: pointer;
    overflow: hidden;
}

.goods-import dl dt {
    position: relative;
    width: 42px;
    left: -52px;
    height: 42px;
    font-size: 30px;
    color: #fff;
    line-height: 42px;
    text-align: center;
    background: #c8c8c8;
    border-radius: 50%;
    margin-left: -100%;
}

.goods-import dl dt:before {
    content: "?";
    display: inline-block;
    position: absolute;
    right: -5px;
    bottom: -5px;
    width: 20px;
    height: 20px;
    line-height: 16px;
    border: 2px solid #f5f5f5;
    border-radius: 50%;
    background: #4fa1a4;
    font-size: 12px;
    color: #fff;
    text-align: center;
}

.goods-import dl dd {
    width: 100%;
    font-size: 16px;
    color: #373737;
    opacity: .6;
    filter: alpha(opacity=60);
    line-height: 18px;
    padding-top: 10px;
}

.goods-import dl dd p {
    font-size: 10px;
}

.goods-import>div.active {
    border-color: #4fa1a4;
}

.goods-import>div.active dt {
    background: #4fa1a4;
}

.goods-import>div.active dd {
    opacity: 1;
    filter: alpha(opacity=100);
}

.h2_2 {
    display: block;
    width: 360px;
    height: 54px;
    line-height: 54px;
    color: #373737;
    text-align: center;
    background: #e1e1e1;
    margin-bottom: 4px;
}

.h2_2 span {
    padding: 0px 4px;
    position: relative;
    top: 2px;
    color: #00aaeb;
    font-size: 24px;
}

.goods-unit dl {
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    padding-bottom: 5px;
    overflow: hidden;
}

.goods-unit dl dt {
    color: #373737;
    height: 54px;
    line-height: 54px;
    padding: 0 0 3px 15px;
}

.goods-unit dl dd {
    margin-bottom: 16px;
    overflow: hidden;
}

.fh-btn {
    display: block;
    width: 129px;
    height: 34px;
    line-height: 34px;
    color: #4fa1a4;
    border: 1px solid #4fa1a4;
    border-radius: 8px;
    background: #f5f5f5;
}

.fh-btn:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 12px;
    vertical-align: middle;
    background: url(../images/layui-icon.png) no-repeat;
}

.fh-add:before {
    background-position: 0 -130px;
}

.goods-photo {
    white-space: nowrap;
}

.goods-photo .sp-img {
    display: inline-block;
    width: 100%;
    margin-right: 60px;
}

.goods-photo-d .sp-img {
    margin-right: 0;
}

.goods-photo .sp-img .small-img {
    width: 100%;
    height: 125px;
    border: 1px solid #c8c8c8;
    background: url(../images/picture.png) no-repeat center;
}

.goods-photo .sp-img .close-btn {
    position: absolute;
    top: 8px;
    right: 24px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/layui-icon.png) no-repeat 0 -40px;
}

.goods-photo .query-btn {
    display: block;
    width: 72px;
    height: 34px;
    border: 1px solid #4fa1a4;
    border-radius: 8px;
    background: #f5f5f5;
    margin: 11px 0 0;
}

.goods-photo .query-btn:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: url(../images/license-icon.png) no-repeat 0 -138px;
}

.goods-photo h3.img-tit {
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    padding: 5px 0;
    clear: both;
}

.goods-photo-warn {
    padding-left: 65px;
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px solid #c8c8c8;
    overflow: hidden;
}

.goods-photo-warn .warn-tip {
    position: relative;
    width: 55px;
    left: -65px;
    height: 78px;
    border: 1px solid #4fa1a4;
    font-size: 14px;
    color: #4fa1a4;
    line-height: 18px;
    padding: 5px 5px 0 8px;
    margin-left: -100%;
}

.goods-photo-warn .warn-tip:before {
    content: "?";
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    background: #4fa1a4;
    color: #fff;
    text-align: center;
}

.goods-photo-warn .warn-wz {
    width: 100%;
    font-size: 12px;
    color: #373737;
    line-height: 22px;
}

/* 人员资料维护 */

.cart-info .row {
    padding-bottom: 12px;
}

.card-manage {
    overflow: hidden;
}

.card-manage .card-item {
    text-align: center;
}

.card-item .card-title {
    height: 32px;
    line-height: 32px;
    color: #00aaeb;
}

.card-item .card-photo {
    border: 1px solid #c8c8c8;
}

.card-item .card-photo img {
    display: inline-block;
    vertical-align: middle;
}

/* 公司资料 */

.company-logo .logo-img {
    position: relative;
    width: 120px;
    height: 84px;
    border: 1px solid #c8c8c8;
    /*background: url(../images/picture.png) no-repeat center;*/
    text-align: center;
    line-height: 96px;
}

.company-logo .logo-img img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.company-logo .logo-img .img_zoom {
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
    left: auto;
    top: auto;
}

.logo-img a.icon-plus {
    font-size: 36px;
    color: #ccc;
    text-decoration: none;
}

.logo-img a.icon-close {
    position: absolute;
    right: 4px;
    top: 2px;
    display: inline-block;
    font-size: 16px;
    color: #444;
    text-decoration: none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* Internet Explorer */
    -moz-transform: rotate(45deg);
    /* Firefox */
    -webkit-transform: rotate(45deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(45deg);
    /* Opera */
}

.company-logo .logo-wz {
    padding-left: 20px;
    font-size: 14px;
    color: #373737;
}

.company-logo .logo-wz h3 {
    display: block;
    height: 46px;
    line-height: 24px;
    padding: 11px 0;
}

.company-logo .logo-wz .license-btn {
    margin-top: 4px;
}

.right-table {
    position: relative;
    top: 3px;
    right: 5px;
    border-radius: 8px;
    border: 1px solid #00aaeb;
    /*background: #ebebeb;
    box-shadow: 0px 0px 8px 1px rgba(103, 100, 100, 0.52);*/
}

.table-right tr th {
    text-align: center;
}

.table-right tr td {
    padding-right: 0 !important;
    background: #f5f5f5;
}

.table-right tr:hover td {
    background: #fff;
}

.table-right tr th:first-child,
.table-right tr td:first-child {
    width: 38px;
    padding: 8px 0;
    text-align: center;
}

.table-right tbody span {
    font-size: 16px;
}

.table-right tbody p {
    font-size: 12px;
}

.right-table02 {
    margin-top: 110px;
}

.right-table02 tbody p {
    font-size: 14px;
}

.right-table02 tbody .table_btn {
    width: 50px;
    border-color: #f00220;
    background: #fff;
}

/* 配送作业日排班表 */

.pszy-left {
    min-height: 210px;
    border-radius: 8px;
    background: #ebebeb;
    padding: 20px 20px 0;
}

.pszy-left .layui-form-item .input-group-addon {
    background: #f5f5f5;
}

.week-box {
    display: none;
    padding: 17px 13px 13px;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    background: #f5f5f5;
}

.week-box .checkbox-inline {
    margin: 0 0 7px 10px;
}

.clndr-control-button {
    font-size: 18px;
    color: #4fa1a4;
    font-weight: bold;
    text-align: right;
}

.calendar_box {
    position: relative;
    top: 50%;
    margin-top: -430px;
    left: 50%;
    margin-left: -159px;
    width: 420px;
    height: 318px;
    padding: 15px 30px 20px;
    border-radius: 8px;
    background: #ebebeb;
    box-shadow: 0 0 25px rgba(0, 0, 0, .3);
}

.calendar_box:before,
.calendar_box:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -10px;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 20px;
    border-style: solid;
}

.calendar_box:before {
    left: -40px;
    border-color: transparent #ebebeb transparent transparent;
    filter: drop-shadow(-7px 3px 10px rgba(0, 0, 0, .3));
}

.calendar_box:after {
    right: -40px;
    border-color: transparent transparent transparent #ebebeb;
    filter: drop-shadow(7px 3px 10px rgba(0, 0, 0, .3));
}

.calendar_box b {
    display: block;
    height: 25px;
    line-height: 25px;
}

.calendar_box table tr {
    height: 53px;
    line-height: 53px;
}

.calendar_box table tr td {
    vertical-align: middle;
}

/* 物流承运费用牌价查询 */

.table-route {
    border-bottom: 1px solid #ddd;
}

.table-route tbody {
    border-bottom: 1px solid #ddd;
}

.table-route th,
.table-route {
    text-align: center;
}

.table-route .td-route span,
.td-link a {
    color: #4fa1a4;
    text-decoration: underline;
    cursor: pointer;
}

.sp-under {
    text-decoration: underline;
}

.table-stretching {
    display: none;
}

.table-stretching p {
    height: 24px;
    line-height: 24px;
    margin-bottom: 15px;
}

.carrier-route {
    padding: 15px 0 36px 0;
}

.carrier-route p {
    color: #373737;
    text-align: left;
}

.carrier-route ul {
    position: relative;
    height: 34px;
    background: url(../images/dots.png) repeat-x left center;
    overflow: hidden;
}

.carrier-route ul:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    width: 17px;
    height: 34px;
    background: url(../images/arrow.png) no-repeat center;
    vertical-align: middle;
}

.carrier-route ul li {
    float: left;
    height: 34px;
    line-height: 34px;
    border: 2px dotted #cacaca;
    padding: 0 10px;
    margin-right: 10px;
    background: #ebebeb;
}

.current .table-stretching {
    display: block;
    padding: 0 30px;
}

.current .td-route {
    background: #ebebeb url(../images/table-sanjiao.png) no-repeat center bottom !important;
}

.route-left {
    padding: 22px 20px 21px;
    background: #e1e1e1;
    border-radius: 4px;
}

.route-left ol {
    padding-bottom: 30px;
    text-align: center;
    overflow: hidden;
    clear: both;
}

.route-left ol li {
    display: inline-block;
    padding-right: 65px;
}

.route-left ol li:before {
    content: "";
    display: inline-block;
    width: 65px;
    height: 7px;
    background: url(../images/img3_09.png) no-repeat center;
    position: relative;
    /*left: 54px;
    top: 85px;*/
    left: 70px;
    top: 97px;
}

.route-left ol li:last-child:before {
    background: none;
}

.route-left ol li span {
    display: block;
    font-size: 18px;
    color: #00aaeb;
    height: 38px;
    line-height: 38px;
    margin-bottom: 9px;
}

.route-left ol li i {
    display: block;
    /*width: 54px;
    height: 54px;*/
    width: 84px;
    height: 84px;
    line-height: 84px;
    border-radius: 50%;
    background: #00aaeb;
    color: #fff;
    font-style: normal;
}

.route-left .way-to {
    background: #f5f5f5;
}

.way-to {
    padding: 15px 0 20px;
}

.way-to h3 {
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    color: #00aaeb;
}

.way-to ul {
    position: relative;
    height: 53px;
    padding-top: 11px;
    overflow: hidden;
    margin-bottom: 25px;
}

.way-to ul:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 42px;
    background: url(../images/arrow.png) no-repeat;
    position: absolute;
    top: 31px;
}

.way-to ul li {
    display: inline-block;
    /*width: 70px;*/
    width: 80px;
    height: 34px;
    line-height: 24px;
    padding: 0 0 15px 12px;
    position: relative;
    text-align: left;
}

.way-to ul li:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #c8c8c8;
    border-radius: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
}

.way-to ul li:after {
    content: "";
    display: inline-block;
    /*width: 70px;*/
    width: 80px;
    height: 2px;
    background: url(../images/dots.png) repeat-x;
    position: absolute;
    top: 28px;
    left: 0;
}

.way-to ul li.on {
    color: #00aaeb;
}

.way-to ul li.on:before {
    background: #00aaeb;
}

.route-right {}

.route-right ul {
    overflow: hidden;
}

.route-right ul li {
    line-height: 34px;
    font-size: 14px;
    color: #373737;
    overflow: hidden;
}

.route-right ul li span {
    display: inline-block;
    float: left;
    width: 100px;
}

.route-right ul li b {
    display: inline-block;
    float: left;
}

.route-right ul li b i {
    font-size: 18px;
    color: #f00220;
    font-style: normal;
}

.route-right ul li b em {
    font-size: 18px;
    color: #00aaeb;
    font-style: normal;
}

.route-right .route-right-wz {
    padding-top: 26px;
    font-size: 14px;
    color: #373737;
    line-height: 24px;
}

.route-right .route-right-wz b {
    display: block;
    margin-bottom: 10px;
}

/* 上门提货任务 */

.font-black {
    color: #373737;
}

.font-ashy {
    color: #888;
}

.font-red {
    color: #f00220;
}

.font-orange {
    color: #ff7202;
}

.font-gray {
    color: #4fa1a4;
}

.font-blue {
    color: #00aaeb !important;
}

.delivery-info {
    padding: 10px 0 30px;
    text-align: center;
}

.delivery-info p {
    color: #00aaeb;
}

.delivery-info ul {
    overflow: hidden;
}

.delivery-info ul li {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 40px;
}

.un-current {
    border-bottom: 1px solid #ccc;
}

.search-btn {
    width: 60px;
    height: 34px;
    background: transparent url(../images/img2_03.png) no-repeat !important;
}

/* 车辆资料明细 */

.car_img_box {
    border: 1px solid #c8c8c8;
}

.car_img_box .car_img {
    position: relative;
    height: 236px;
    border-bottom: 1px solid #c8c8c8;
    text-align: center;
    background: url(../images/picture.png) no-repeat center;
}

.car_img_box .car_img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.car_img_box .car_img_btn {
    height: 54px;
    padding: 10px 0 10px 10px;
    overflow: hidden;
}

.car_img_box .car_img_btn>span {
    line-height: 34px;
    padding-right: 15px;
}

/* 配送班次管理 */

.psbcgl-table {
    border-bottom: 1px solid #ddd;
}

.psbcgl-table tbody tr td p {
    color: #4aa8e5;
}

.psbcgl-table tbody ul li {
    display: inline-block;
}

.psbcgl-table tbody ul li i {
    font-style: normal;
}

.psbcgl-table tbody ul li.on {
    position: relative;
    height: 36px;
    color: #31b4ed;
}

.psbcgl-table tbody ul li.on:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 14px;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: 0;
    background: url(../images/car_icon.png) no-repeat center;
}

.star {
    color: #fbd280;
}

.star li {
    display: inline-block;
}

.tab-tit {
    margin-bottom: 20px;
    text-align: center;
}

.tab-tit .slick-prev,
.tab-tit .slick-next {
    display: block;
    width: 7%;
    height: 34px;
    line-height: 32px;
    font-size: 18px;
    color: #4fa1a4;
    border: 1px solid #4fa1a4;
    top: 0;
    background: none;
}

.tab-tit .slick-prev {
    border-radius: 8px 0 0 8px;
}

.tab-tit .slick-next {
    border-radius: 0 8px 8px 0;
}

.tab-tit .slick-prev:focus,
.tab-tit .slick-prev:hover,
.tab-tit .slick-next:focus,
.tab-tit .slick-next:hover {
    color: #4fa1a4;
}

.tab-tit .tab-content {
    height: 34px;
    line-height: 32px;
    overflow: hidden;
}

.tab-tit .tab-content .slick-list {
    width: 83%;
    margin: 0 auto;
}

.tab-tit .tab-content li {
    float: left;
    width: 14.33%;
    border: 1px solid #c8c8c8;
    cursor: pointer;
}

.tab-tit .tab-content li.on {
    color: #00aaeb;
}

.tab-tit .tab-content li.active {
    color: #fff;
    background: #4fa1a4;
    border: 1px solid #4fa1a4;
}

.psbcglxx-table {
    border-bottom: 1px solid #ddd;
}

.psbcglxx-table tbody .wayto b {
    color: #00aaeb;
    padding-left: 23px;
    background: url(../images/car_icon.png) no-repeat left center;
}

.psbcglxx-table tbody .wayto ul {
    padding-top: 8px;
    margin-top: 8px;
    border-top: 1px solid #00aaeb;
    background: url(../images/sj_icon.png) no-repeat right -3px;
}

.psbcglxx-table tbody .wayto ul li {
    line-height: 18px;
}

.psbcglxx-table tbody .wayto ul li i {
    color: #31b4ed;
    font-style: normal;
}

.psbcgl_popup .form-control {
    border-radius: 0 !important;
    border-left: 0px;
    background: none;
}

/* 承运商合同 */

.fpart_tit {
    font-size: 16px;
    color: #00aaeb;
    font-weight: bold;
    line-height: 24px;
}

.input-billing {
    line-height: 34px;
}

.input-billing input {
    display: inline-block;
    width: 96px;
    height: 34px;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 0 10px;
    margin: 0 10px;
    background: #f5f5f5;
}

/* 航班信息管理 */

.flight_column {
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    margin-left: -1px;
}

.flight_column:first-child {
    border-left: 0px;
}

.flight_column:last-child {
    border-right: 0px;
}

.flight_infor_title {
    font-size: 16px;
    color: #00aaeb;
    padding-bottom: 15px;
}

/* 平台租户管理 */

.pt_register a {
    position: relative;
    display: inline-block;
    float: left;
    width: 50%;
    height: 34px;
    color: #969696;
    text-align: center;
}

.pt_register a span {
    display: inline-block;
    width: 100%;
    height: 34px;
    line-height: 32px;
    border: 1px solid #c8c8c8;
}

.pt_register a:first-child {
    padding-right: 10px;
}

.pt_register a:last-child {
    padding-left: 10px;
}

.pt_register a:first-child span {
    border-right: 0px;
    border-radius: 8px 0 0 8px;
}

.pt_register a:last-child span {
    border-left: 0px;
    border-radius: 0 8px 8px 0;
}

.pt_register a.on span {
    color: #fff;
    border: 1px solid #4fa1a4;
    background: #4fa1a4;
}

.pt_register a.on:before {
    content: "";
    position: absolute;
    top: 0;
    display: inline-block;
    width: 20px;
    height: 34px;
    background: url(../images/img_7_01.png) no-repeat;
}

.pt_register a:first-child:before {
    right: 0;
    margin-right: -10px;
    background-position: 0 0;
}

.pt_register a:last-child:before {
    left: 0;
    margin-left: -10px;
    background-position: 0 -44px;
}

.agreement {
    color: #4fa1a4;
    text-decoration: underline;
}

.agreement:hover {
    color: #4fa1a4;
}

.pt_success img {
    margin: 60px 0 40px;
}

.pt_success p span {
    font-size: 24px;
    color: #00aaeb;
    line-height: 32px;
}

/*  */

.img-box {
    position: relative;
    width: 50px;
    height: 34px;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
    overflow: hidden;
}

.ul_pro b {
    white-space: normal;
}

/* 三方物流结算单审批 */

.part-infor {
    padding: 0 0 20px;
    color: #00aaeb;
    font-size: 16px;
}

.part-infor h1 span {
    padding-left: 60px;
}

/* 三方物流结算单生成 */

.box_form2 {
    width: 799px;
    margin: 0px auto;
}

.box_form2 .row {
    padding-bottom: 0px;
}

.box_form2 .input-group .input-group-addon,
.box_form2 .input-group .form-control {
    border: none;
}

.box_price2 {
    margin-top: 10px;
    border: 1px #c8c8c8 solid;
    padding: 20px 30px;
    border-radius: 8px;
}

.box-tit {
    height: 55px;
    line-height: 55px;
}

.table-bill {
    border-radius: 8px;
    overflow: hidden;
}

.table-bill thead tr,
.table-bill tbody tr {
    height: 55px;
    line-height: 55px;
    font-size: 14px;
}

.table-bill thead tr th,
.table-bill tbody tr td {
    text-align: center;
    vertical-align: middle;
    border-left: 10px solid #f5f5f5;
    border-bottom: 0;
    border-top: 0;
}

.table-bill thead tr th:first-child,
.table-bill tbody tr td:first-child {
    border-left: 0;
}

.table-bill thead tr:first-child {
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    color: #fff;
}

.table-bill thead tr:first-child th {
    background: #00aaeb;
}

.table-bill thead tr:first-child th.th3 {
    background: #4fa1a4;
}

.table-bill tbody tr:nth-child(odd) td {
    background: #dcedf4;
}

.table-bill tbody tr:nth-child(odd) td.td3 {
    background: #e4eced;
}

.table-bill tbody tr td span {
    display: inline-block;
    float: left;
    width: 50%;
}

.table-bill tbody tr.tfoot {
    height: 20px;
}

.box_remark2 {
    overflow: hidden;
}

.box_remark2 ul li {
    float: left;
    width: 50%;
    line-height: 34px;
}

.box_remark2 ul li p {
    padding-left: 30px;
}

/* 物流订单仓内作业监控 */

.left-table {
    width: 100%;
    height: 469px;
    margin-top: 5px;
    overflow-y: auto;
}

.left-table table tr {
    height: 78px;
    line-height: 18px;
}

.left-table table tr.on,
.left-table table tr:hover {
    background: #00acf1 !important;
    color: #fff;
}

.left-table table tr.on td span,
.left-table table tr:hover td span {
    color: #fff;
}

.left-table table tr td {
    border-bottom: 1px solid #c8c8c8;
    border-top: 0;
}

.wldd-right .wldd-tit {
    height: 34px;
    line-height: 34px;
    background: #00acf1;
    color: #fff;
    padding: 0 10px 0 20px;
}

.wldd-right .wldd-tit i {
    font-style: normal;
    padding-left: 15px;
}

.wldd-right .wldd-con {
    margin-top: 20px;
    min-height: 145px;
}

.wldd-con dl {
    /*width: 40%;*/
    min-height: 145px;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    padding: 0 20px;
    margin-bottom: 20px;
}

.wldd-con dl dt {
    height: 52px;
    line-height: 52px;
    border-bottom: 1px solid #c8c8c8;
}

.wldd-con dl dt i {
    display: inline-block;
    position: relative;
    top: -3px;
    width: 25px;
    border-bottom: 1px #00aaeb solid;
    margin-left: 20px;
}

.wldd-con dl dt i:before {
    content: "";
    position: absolute;
    right: -6px;
    top: -3px;
    width: 0;
    height: 0;
    border-width: 5px;
    border-color: transparent transparent transparent #00aaeb;
    border-style: dashed dashed dashed solid;
    border-top-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 8px;
}

.wldd-con dl dd {
    padding: 10px 0;
}

.wldd-con dl dd .wldd-dd p:first-child span {
    float: left;
}

.wldd-con dl dd .wldd-dd p:first-child span:nth-child(1) {
    padding-right: 10px;
}

.wldd-con dl dd .wldd-dd p:first-child span:nth-child(2) {
    padding-left: 10px;
}

.wldd-con dl dd p {
    line-height: 34px;
}

.wldd-con dl dd a {
    display: inline-block;
    width: 97px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #4fa1a4;
    border-radius: 8px;
    color: #4fa1a4;
    text-align: center;
    margin-left: 12px;
}

.wldd-con dl dd a:hover {
    color: #fff;
    background: #4fa1a4;
}

.wldd-con-to {
    position: relative;
    display: inline-block;
    line-height: 26px;
    font-size: 16px;
    color: #00aaeb;
    margin: 58px 10px 0;
    padding: 0 32px 0 24px;
    text-align: center;
}

.wldd-con-to:before,
.wldd-con-to:after {
    position: absolute;
    top: 50%;
    margin-top: -13px;
    display: inline-block;
    content: "";
    height: 26px;
    background: url(../images/img11_01.png) no-repeat;
    vertical-align: middle;
}

.wldd-con-to:before {
    left: 0;
    width: 14px;
    background-position: 0 0;
}

.wldd-con-to:after {
    right: 0;
    width: 22px;
    background-position: -90px 0;
}

.wldd-right .wldd-con ul {
    /*width: 40%;*/
    min-height: 145px;
    font-size: 16px;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    padding: 5px 20px 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

.wldd-right .wldd-con ul b {
    display: block;
    line-height: 46px;
}

.wldd-right .wldd-con ul p {
    line-height: 24px;
}

.GoodsLeftTable {}

.GoodsLeftTable table {}

.GoodsLeftTable table thead tr {
    height: 54px;
    line-height: 54px;
    background: #e1e1e1;
}

.GoodsLeftTable table tbody {}

.GoodsLeftTable .checkbox-inline span::before {
    background: #fff;
}

.GoodsLeftTable input[type=checkbox]:checked+span::before {
    border-color: 1px solid rgba(96, 111, 122, .2);
    background: url(../images/checkbox.png) 50% 0 no-repeat #fff;
}

.btn_refresh {
    width: 100px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #4fa1a4;
    border-radius: 8px;
    text-align: center;
    color: #4fa1a4;
}

.btn_refresh:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 16px;
    margin-right: 10px;
    vertical-align: middle;
    background: url(../images/refresh_icon.png) no-repeat;
}

.btn_refresh:hover {
    color: #4fa1a4;
}

.outwarehouse {}

.outwarehouse dl {
    margin-bottom: 20px;
    overflow: hidden;
}

.outwarehouse dl dt {
    float: left;
    width: 90px;
    height: 90px;
    background: #00aaeb;
    border-radius: 50%;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 15px 0;
    position: relative;
    z-index: 5;
}

.outwarehouse dl dt em {
    display: block;
    font-style: normal;
    font-size: 24px;
}

.outwarehouse dl dd {
    float: left;
    padding-top: 11px;
    margin-left: -20px;
}

.outwarehouse dl dd i {
    display: block;
    height: 30px;
    line-height: 30px;
    font-style: normal;
    padding-left: 40px;
}

.outwarehouse dl dd span {
    display: block;
    height: 34px;
    line-height: 34px;
    padding: 0 30px 0 40px;
    border: 1px solid #00aaeb;
    border-radius: 8px;
}

.outwarehouse dl dd span b {
    display: inline-block;
    width: 60px;
}

.outwarehouse dl.un dt {
    background: #c8c8c8;
}

.outwarehouse dl.un dd {
    color: #969696;
}

.outwarehouse dl.un dd span {
    border: 1px solid #c8c8c8;
}

/* 物流订单执行跟踪 */

.tab_box {
    padding-top: 20px;
    border-top: 1px solid #c8c8c8;
    margin-top: 20px;
    clear: both;
}

.tab_box ul {
    position: relative;
    clear: both;
}

.tab_box ul li {
    position: relative;
    margin: 0 20px 20px 0;
    padding: 5px 10px;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    color: #c8c8c8;
    cursor: pointer;
}

.tab_box ul li div {
    min-height: 55px;
    overflow: hidden;
}

.tab_box ul li.li0 {
    float: left;
    width: 220px;
}

.tab_box ul li.li1 {
    float: left;
    width: 270px;
}

.tab_box ul li.li2 {
    width: 430px;
    margin: 20px 0 0 348px;
    clear: both;
}

.tab_box ul li.li3 {
    width: 690px;
    height: 91px;
    margin: 20px 0 0 348px;
}

.tab_box ul li.li4 {
    float: left;
    width: 211px;
    top: -263px;
    left: 986px;
}

.tab_box ul li:before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    position: absolute;
    left: -15px;
    top: 30px;
    width: 10px;
    height: 5px;
    background: url(../images/process-icon.png) no-repeat;
}

.tab_box ul li.li0:before {
    width: 0;
}

.tab_box ul li.li1:before,
.tab_box ul li.li2:before,
.tab_box ul li.li3:before {
    background-position: 0 -284px;
}

.tab_box ul li.li4:before {
    width: 24px;
    left: -30px;
    background-position: 0 -329px;
}

.tab_box ul li.li2 em,
.tab_box ul li.li3 em,
.tab_box ul li.li4 em {
    display: inline-block;
    position: absolute;
    width: 1px;
    background: #c8c8c8;
    left: -15px;
}

.tab_box ul li.li2 em {
    height: 48px;
    bottom: 31px;
}

.tab_box ul li.li3 em {
    height: 86px;
    bottom: 56px;
}

.tab_box ul li.li4 em {
    height: 134px;
    top: 32px;
    left: -30px;
}

.tab_box ul li b {
    display: block;
    line-height: 30px;
    font-size: 18px;
}

.tab_box ul li b:before {
    content: "";
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    background: url(../images/process-icon.png) no-repeat;
}

.tab_box ul li.li0 b:before {
    width: 13px;
    height: 18px;
    background-position: 0 0;
}

.tab_box ul li.li1 b:before {
    width: 19px;
    height: 19px;
    background-position: 0 -56px;
}

.tab_box ul li.li2 b:before {
    width: 20px;
    height: 19px;
    background-position: 0 -114px;
}

.tab_box ul li.li3 b:before {
    width: 14px;
    height: 17px;
    background-position: 0 -172px;
}

.tab_box ul li.li4 b:before {
    width: 20px;
    height: 19px;
    background-position: 0 -226px;
}

.tab_box ul li a {
    float: left;
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
    color: #c8c8c8;
}

.tab_box ul li span.span_transit {
    position: relative;
    margin: 12px 15px 0 5px;
    padding: 7px 9px 0;
    border-top: 1px solid #c8c8c8;
}

.tab_box ul li span.span_transit i {
    position: absolute;
    right: -15px;
    top: -13px;
    margin-left: 0;
}

.tab_box ul li span.span_transit:before,
.tab_box ul li span.span_transit:after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 22px;
    background: url(../images/process-icon.png) no-repeat;
}

.tab_box ul li span.span_transit:before {
    margin-right: 3px;
    background-position: 0 -359px;
}

.tab_box ul li span.span_transit:after {
    margin-left: 3px;
    background-position: 0 -423px;
}

.tab_box ul li i {
    display: inline-block;
    font-family: "Segoe UI Symbol";
    font-style: normal;
    line-height: 24px;
    margin: 0 5px;
}

.tab_box ul li.li0.active {
    border-color: #fb7922;
}

.tab_box ul li.li0.active b {
    color: #fb7922;
}

.tab_box ul li.li0.active b:before {
    background-position: 0 -28px;
}

.tab_box ul li.li0.active .sp1 {
    color: #fb7922;
}

.tab_box ul li.li1.active {
    border-color: #3a599a;
}

.tab_box ul li.li1.active b {
    color: #3a599a;
}

.tab_box ul li.li1.active .sp1 {
    color: #3a599a;
}

.tab_box ul li.li1.active b:before {
    background-position: 0 -85px;
}

.tab_box ul li.li2.active {
    border-color: #42aae1;
}

.tab_box ul li.li2.active b {
    color: #42aae1;
}

.tab_box ul li.li2.active .sp1 {
    color: #42aae1;
}

.tab_box ul li.li3.active {
    border-color: #42aae1;
}

.tab_box ul li.li3.active b {
    color: #42aae1;
}

.tab_box ul li.li3.active .sp1 {
    color: #42aae1;
}

.tab_box ul li.li2.active b:before {
    background-position: 0 -143px;
}

.tab_box ul li.li3.active b:before {
    background-position: 0 -199px;
}

.tab_box ul li.li4.active {
    border-color: #ea4c89;
}

.tab_box ul li.li4.active b {
    color: #ea4c89;
}

.tab_box ul li.li4.active .sp1 {
    color: #ea4c89;
}

.tab_box ul li.li4.active b:before {
    background-position: 0 -255px;
}

.tab_box ul li.li1.active:before {
    background-position: 0 -299px;
}

.tab_box ul li.li2.active:before {
    background-position: 0 -314px;
}

.tab_box ul li.li2.active em,
.tab_box ul li.li3.active em {
    background: #3a599a;
}

.tab_box ul li.li4.active em {
    background: #42aae1;
}

.tab_box ul li.li3.active:before {
    background-position: 0 -314px;
}

.tab_box ul li.li3.active .sp1.span_transit {
    border-color: #42aae1;
}

.tab_box ul li.li3.active .span_transit:before {
    background-position: 0 -391px;
}

.tab_box ul li.li3.active .span_transit:after {
    background-position: 0 -452px;
}

.tab_box ul li.li4.active:before {
    background-position: 0 -344px;
}

.btn_relative {
    position: relative;
}

.details_box {
    position: absolute;
    left: 50%;
    margin-left: -450px;
    top: 42px;
    width: 900px;
    height: 612px;
    border-radius: 8px;
    background: #fff;
    box-sizing: content-box;
    border: 6px solid #c8c8c8;
    text-align: center;
    padding: 0 20px 20px;
    z-index: 9;
    display: none;
}

.btn_relative:hover .details_box {
    display: block;
}

.details_box:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #c8c8c8 transparent;
    position: absolute;
    top: -18px;
    left: 200px;
}

.details_box .layui-form .row {
    padding-bottom: 5px;
}

.details_box .input-group-addon,
.details_box .layui-form-select .layui-input,
.details_box .input-group .form-control {
    background: #fff;
    border: 0;
}

.details_box .input-group-addon {
    font-weight: bold;
}

.wldd-con-state {
    float: left;
    width: 20%;
    text-align: center;
}

.wldd-con-state .wldd-con-to {
    margin: 28px 0 0;
}

/* 车辆资源调度-承运物流单接收 */

.circle-red {
    display: inline-block;
    width: 27px;
    height: 27px;
    background: #f00220;
    border-radius: 50%;
    color: #fff;
    line-height: 27px;
    text-align: center;
    font-style: normal;
}

.circle-blue {
    background: #00aaeb;
}

.clzydd-table tbody tr td {
    border-top: 1px solid #c8c8c8 !important;
}

.price_box {
    display: inline-block;
    width: 130px;
    height: 35px;
    line-height: 33px;
    margin-left: 15px;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
}

.price_box label {
    width: 50px;
}

.group_cyspc .row {
    height: 38px;
    padding-bottom: 0;
}

.group_cyspc b {
    display: inline-block;
    line-height: 38px;
}

.group_cyspc a {
    display: inline-block;
    float: left;
    margin-right: 10px;
    line-height: 38px;
}

.table_car tbody tr:first-child {
    height: 70px;
}

.table_car tr td {
    vertical-align: middle !important;
}

.table_car td[colspan] {
    padding: 0 !important;
}

.cyspc_dropdown thead tr {
    border-bottom: 2px solid #c8c8c8;
}

.cyspc_dropdown tr {
    border-bottom: 1px solid #c8c8c8;
}

.cyspc_dropdown .input_number {
    width: 60px;
    height: 34px;
    line-height: 32px;
    text-align: right;
    border-radius: 8px;
    background: none;
    border: 1px solid #c8c8c8;
    padding: 0 10px;
}

.cyspc_LeftTable {
    margin-top: 20px;
    padding: 10px;
    background: #ebebeb;
    border-radius: 8px;
}

.table_TabTit {
    height: 34px;
    line-height: 32px;
    border: 1px solid #4fa1a4;
    border-radius: 8px;
    overflow: hidden;
}

.table_TabTit a {
    display: inline-block;
    float: left;
    width: 50%;
    height: 32px;
    color: #4fa1a4;
    text-align: center;
}

.table_TabTit a.active {
    background: #4fa1a4;
    color: #fff;
}

.table_TabCon {}

.cyspc_LeftTr {
    overflow: hidden;
}

.cyspc_LeftTr li .LeftTr_img {
    position: relative;
    width: 50px;
    height: 34px;
    border: 1px solid #c8c8c8;
    margin-bottom: 20px;
}

.cyspc_LeftTr li .LeftTr_img img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    padding: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.cyspc_LeftTr li .LeftTr_img a {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: -1px;
    bottom: -1px;
}

.table_TabCon b {
    display: block;
    font-size: 18px;
}

.table_TabCon b i {
    font-size: 14px;
    color: #373737;
    font-weight: 400;
    padding-left: 5px;
}

.table_TabCon p {
    font-size: 12px;
    line-height: 18px;
    text-align: left;
}

.cyspc_LeftTr li .driver {
    display: inline-block;
    width: 60px;
    height: 34px;
    line-height: 32px;
    border: 1px solid #4fa1a4;
    border-radius: 8px;
    text-align: center;
    color: #4fa1a4;
}

/* 进度条 */

.progress_rate {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    position: relative;
}

.progress {
    float: left;
    width: 194px;
    height: 12px;
    background: #c8c8c8;
    border-radius: 20px;
    overflow: visible;
    /* margin: 6px 10px 0; */
    margin: 6px 0 0 10px;
    position: relative;
}

.progress .progress-bar {
    border-radius: 20px;
    position: relative;
    line-height: 12px;
    text-align: right;
    z-index: 2;
}

.progress-bar-danger {
    background-color: #00aaeb;
}

.progress-value {
    /* position: absolute; */
    right: 0;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    color: #373737;
}

/* 冷链追溯 */

.llzs_content {}

.llzs_content h2 {
    font-size: 18px;
    color: #4aa8e5;
    border-bottom: 2px solid #00aaeb;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 32px;
}

.llzs_content h2 i {
    padding-left: 40px;
    font-style: normal;
}

.port-select ul li .port-temperature.on:before,
.port-select ul li .port-temperature:hover:before {
    background-position: 0 -583px;
}

.port-select ul li .port-temperature:before {
    width: 34px;
    left: -28px;
    background-position: 0 -534px;
}

.port-select ul li .port-track.on:before,
.port-select ul li .port-track:hover:before {
    background-position: 0 -681px;
}

.port-select ul li .port-track:before {
    width: 29px;
    background-position: 0 -632px;
}

.port-select ul li .port-tracing.on:before,
.port-select ul li .port-tracing:hover:before {
    width: 34px;
    background-position: 0 -767px;
}

.port-select ul li .port-tracing:before {
    width: 31px;
    left: -25px;
    background-position: 0 -726px;
}

.port-select ul li .port-abnormal.on:before,
.port-select ul li .port-abnormal:hover:before {
    width: 34px;
    background-position: 0 -861px;
}

.port-select ul li .port-abnormal:before {
    width: 33px;
    left: -25px;
    background-position: 0 -812px;
}

.llzs_main {
    border-radius: 8px;
    overflow: hidden;
}

.llzs_main h3 {
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    color: #00aaeb;
    background: #ebebeb;
    text-align: center;
    margin-bottom: 2px;
    overflow: hidden;
}

.llzs_left,
.llzs_right {
    width: 50%;
    padding: 20px 0 15px 0;
    background: #ebebeb;
    overflow: hidden;
}

.llzs_left {
    border-right: 1px solid #f5f5f5;
}

.llzs_right {
    border-left: 1px solid #f5f5f5;
}

.llzs_main b {
    display: block;
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    text-align: center;
}

/* 温度监控 */

.llzs_left ul,
.llzs_right ul {
    text-align: center;
    overflow: hidden;
}

.progress_box {
    display: inline-block;
    width: 20%;
    height: 170px;
    overflow: hidden;
}

.progress01 {
    height: 25px;
    width: 45px;
    background: #ebebeb;
    padding: 5px 5px 5px 0;
    overflow: hidden;
    border-radius: 0px 20px 20px 0;
    border: 3px solid #00aaeb;
    border-left: none;
    margin: 55px auto 0;
    transform: rotate(-90deg);
    position: relative;
    z-index: 9;
}

.progress01 .progress-bar {
    border-radius: 0px 20px 20px 0;
    position: relative;
    background: #00aaeb;
}

.progress_box p {
    clear: both;
}

.progress_circle {
    width: 32px;
    height: 32px;
    border: 3px solid #00aaeb;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    margin: 3px auto 0;
}

.progress_circle i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #00aaeb;
    border-radius: 50%;
    margin: 3px;
}

/* 湿度监控 */

.llzs_right {}

.llzs_right ul {
    text-align: center;
}

.llzs_right ul li {
    display: inline-block;
}

.llzs_right ul li .moisture_circle {
    height: 57px;
    width: 57px;
    border-radius: 50%;
    margin: 0 auto;
    border: 1px solid red;
}

.moisture_circle span {
    display: inline-block;
    width: 45px;
    height: 45px;
    border: 5px solid #4fa1a4;
    border-radius: 50%;
    margin: 5px;
}

.contain-clock {
    position: relative;
    height: 45px;
    width: 45px;
    margin: 60px auto 10px;
}

.face-1 {
    position: absolute;
    top: 5px;
    left: 5px;
    background: #ebebeb;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    z-index: 3;
}

.face-2 {
    position: relative;
    background: #ebebeb;
    border: 5px solid #4fa1a4;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    z-index: 2;
}

.line {
    position: absolute;
    left: 50%;
    background: #4fa1a4;
    width: 1px;
    height: 55px;
    top: -10px;
}

.line-2 {
    left: 18px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg) translate3d(0, 0, 0);
}

.line-3 {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    margin-left: -1px;
    width: 2px;
}

.line-4 {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
    margin-left: -1px;
    width: 2px;
}

.second {
    position: absolute;
    top: 5px;
    left: 18px;
    background: #4fa1a4;
    border-radius: 50px;
    transform-origin: bottom;
    -webkit-transform-origin: bottom;
    width: 1px;
    height: 12px;
    z-index: 5;
}

.round {
    width: 32px;
    height: 32px;
    background-color: #ebebeb;
    -webkit-border-radius: 0 0 32px 0;
    position: absolute;
    bottom: -10px;
    right: -10px;
    z-index: 9;
}

.round-2 {
    transform-origin: left top;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
}

.llzs_map {
    position: relative;
    height: 440px;
}

.llzs_map .map_detail {
    position: absolute;
    bottom: 42px;
    left: 34px;
    min-width: 172px;
    height: 243px;
    padding: 12px 20px;
    background: rgba(0, 89, 130, .5);
}

.map_detail p {
    color: #fff;
    line-height: 24px;
}

.map_detail p i {
    display: inline-block;
    width: 65px;
    font-style: normal;
}

.llzs_car {
    padding: 15px 20px;
    background: #ebebeb;
    border-radius: 8px;
}

.llzs_car>span {
    display: block;
    line-height: 18px;
    font-size: 18px;
    color: #00aaeb;
}

.llzs_car dl {
    padding-top: 5px;
    overflow: hidden;
}

.llzs_car dl dt {
    float: left;
    width: 57px;
    margin-right: 12px;
}

.llzs_car p.last_p {
    float: left;
    line-height: 24px;
    white-space: nowrap;
}

.llzs_car p.last_p b {
    display: inline-block;
    float: left;
    /* width: 45px; */
}

.llzs_car p.last_p i {
    font-style: normal;
    float: left;
}

.llzs_car p.last_p {
    line-height: 14px;
}

.llzs_car p.last_p .wldd-con-to {
    font-size: 12px;
    line-height: 12px;
    margin: 0 10px 0;
}

.llzs_car p.last_p b i {
    font-style: normal;
}

.llzs_car p.last_p em {
    display: inline-block;
    font-size: 12px;
    font-style: normal;
}

.llzs_car .progress_box01 {
    text-align: center;
}

.llzs_car ul {
    padding-top: 20px;
    overflow: hidden;
}

.llzs_car ul li {
    float: left;
    width: 98px;
    text-align: right;
    position: relative;
}

.llzs_car ul li:first-child {
    width: 54px;
}

.llzs_car ul li:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 24px;
    width: 25px;
    height: 7px;
    background: url(../images/img3_09.png) no-repeat;
}

.llzs_car ul li:first-child:before {
    width: 0;
}

.llzs_car ul li span {
    display: inline-block;
    width: 54px;
    height: 54px;
    padding: 13px 0;
    border-radius: 50%;
    background: #c8c8c8;
    text-align: center;
}

.llzs_car ul li span img {
    display: inline-block;
    height: 28px;
}

.llzs_car ul li p {
    width: 54px;
    line-height: 24px;
    text-align: center;
    margin: 5px 0 0 44px;
    color: #838383;
}

.llzs_car ul li:first-child p {
    margin-left: 0;
}

.llzs_car ul li.on span {
    background: #00aaeb;
}

.llzs_car ul li.on p {
    color: #373737;
}

.temperature_curve {
    margin-top: 20px;
    border-radius: 8px;
    padding: 20px;
    background: #ebebeb;
}

.temperature_curve p {
    font-size: 18px;
    color: #00acf1;
}

.abnormal_alarm {
    width: 100%;
    height: 211px;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    padding: 15px 30px;
    margin-top: 20px;
}

.abnormal_alarm p {
    font-size: 18px;
    color: #f00220;
    line-height: 28px;
}

.abnormal_alarm textarea {
    width: 100%;
    border: 0;
    background: #f5f5f5;
    resize: none;
}

.llzs_table dl {
    padding-top: 20px;
    border-bottom: 2px solid #c8c8c8;
}

.llzs_table dl:first-child {
    padding-top: 0;
}

.llzs_table dt>p {
    font-size: 18px;
    color: #00aaeb;
}

.llzs_table dt span {
    float: left;
    display: inline-block;
    min-width: 318px;
    height: 34px;
    line-height: 34px;
    background: #00aaeb;
    padding-left: 20px;
    color: #fff;
    border-radius: 8px;
}

.llzs_table dt b {
    float: right;
    display: inline-block;
    line-height: 34px;
    font-size: 18px;
    color: #00aaeb;
}

.llzs_table dl:first-child dd {
    padding-bottom: 12px;
}

.llzs_table dl dd span {
    display: inline-block;
    margin-right: 20px;
    line-height: 26px;
}

.llzs_table dl dd span i {
    font-style: normal;
    color: #00aaeb;
}

.temperature_curve01 {
    padding: 15px 0;
}

.temperature_curve01 p {
    /* color: #00acf1; */
    line-height: 24px;
    height: 24px;
}

.temperature_curve01 p i {
    display: inline-block;
    width: 25px;
    height: 14px;
    margin: 0 0 0 20px;
    vertical-align: middle;
    background: #4fa1a4;
    border-radius: 4px;
    text-align: center;
}

.temperature_curve01 p i:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 4px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    position: relative;
    top: -6px;
    left: 2px;
    cursor: pointer;
}

.distribution_process {
    overflow: hidden;
}

.distribution_process .distribution_img {
    width: 40%;
    height: 113px;
}

.distribution_process ul {
    float: right;
    width: 59%;
    padding: 20px;
    height: 113px;
    background: #ebebeb;
    border-radius: 4px;
}

.distribution_process ul li {
    float: left;
    width: 33%;
    line-height: 24px;
}

.distribution_process ul li b {
    display: inline-block;
    padding-right: 10px;
}

.distribution_process ul li span {
    display: block;
    line-height: 42px;
    font-size: 18px;
    color: #00aaeb;
    font-weight: bold;
}

/* 分仓补货审核 */

.fpart_tip {
    height: 34px;
    line-height: 34px;
    margin-bottom: 13px;
}

.fpart_tip b {
    display: inline-block;
    float: left;
    font-size: 16px;
    color: #00aaeb;
    margin-right: 60px;
}

.text-btn-blue {
    float: left;
    display: block;
    height: 34px;
    margin-right: 20px;
}

.text-btn-blue i {
    display: inline-block;
    float: left;
    height: 34px;
    line-height: 34px;
    border-radius: 8px 0 0 8px;
    background: #00aaeb;
    color: #fff;
    text-align: center;
    font-style: normal;
    padding: 0 20px;
}

.text-btn-blue span {
    display: inline-block;
    padding: 0 25px;
    height: 28px;
    line-height: 28px;
    border-radius: 0px 8px 8px 0;
    margin-top: 3px;
    text-align: center;
    color: #00aaeb;
    border: 1px solid #00aaeb;
    border-left: 0;
}

/* 全国分仓布局 */

.warehouse_layout_top {
    padding: 20px 30px;
    clear: both;
    height: 118px;
}

.warehouse_layout_top .warehouse_layout_list {
    float: left;
    width: 50%;
    height: 76px;
    text-align: center;
}

.warehouse_layout_top .warehouse_layout_list:first-child {
    border-right: 1px solid #c8c8c8;
}

.warehouse_layout_top .warehouse_layout_list>dt {
    display: inline-block;
    width: 54px;
    height: 54px;
    margin-right: 11px;
    vertical-align: top;
}

.warehouse_layout_top .warehouse_layout_list dd {
    display: inline-block;
    padding-top: 9px;
    text-align: left;
}

.warehouse_layout_top .warehouse_layout_list dd b {
    height: 32px;
    line-height: 32px;
    font-size: 16px;
}

.warehouse_layout_list dd .city-picker-span {
    border: 1px solid #ccc;
    border-radius: 8px;
}

.warehouse_layout_list dd .city-picker-span>.title>span:hover {
    background: none;
}

.qgfcbj_tab {
    /*width: 196px;*/
    height: 34px;
    line-height: 34px;
    border: 1px solid #4fa1a4;
    border-radius: 8px;
    text-align: center;
    margin: 20px 0;
    overflow: hidden;
}

.qgfcbj_tab a {
    float: left;
    display: inline-block;
    width: 50%;
    height: 32px;
    color: #4fa1a4;
}

.qgfcbj_tab a.active,
.qgfcbj_tab a:hover {
    color: #fff;
    background: #4fa1a4;
}

.basic_data {
    padding-bottom: 20px;
}

.basic_data_tit {
    height: 58px;
    padding: 12px 0 12px 20px;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    color: #fff;
}

.basic_data_tit .fh-tit:before {
    background: url(../images/warehouse_layout_icon.png) no-repeat;
}

.basic_data_tit .fh-business:before {
    background-position: 0 0;
}

.basic_data_tit .fh-logistics:before {
    background-position: 0 -38px;
}

.business_data .basic_data_tit {
    background: #00aaeb;
}

.logistics_data .basic_data_tit {
    background: #4fa1a4;
}

.basic_data .basic_table {
    padding: 0 20px;
}

.basic_table table th,
.basic_table table tr:first-child td,
.business_data .basic_table table td,
.table_layout thead th,
.table_layout tbody tr:first-child td,
.table_tdh thead th,
.table_tdh tbody td {
    height: 54px;
    vertical-align: middle !important;
}

.business_data {
    float: left;
    width: 40%;
    background: #e9f1f4;
    border-radius: 8px;
}

.logistics_data {
    float: right;
    width: 58%;
    background: #edf1f1;
    border-radius: 8px;
}

.table-np td[colspan] {
    padding: 0 !important;
}

.table-np tbody tr td {
    padding: 20px 8px 20px 33px !important;
}

.table-np p {
    color: #373737;
}

.basic_table_down,
.basic_table_down table th,
.basic_table_down table td {
    background: #f5f5f5 !important;
}

.basic_table_down tbody tr td {
    height: 54px;
    border-bottom: 1px solid #c8c8c8 !important;
    vertical-align: middle !important;
}

.table-1b tbody tr .table-page {
    display: none !important;
    margin-bottom: 30px;
}

.table-1b tbody.current .table-page {
    display: block !important;
}

/* 医院结算单查询 */

.hospital_settlement_top dl {
    border-bottom: 1px solid #c8c8c8;
}

.hospital_settlement_top dl dt {
    height: 56px;
    line-height: 56px;
    border-bottom: 2px solid #00aaeb;
    overflow: hidden;
}

.hospital_settlement_top dl dt .t1 {
    font-size: 18px;
    color: #00aaeb;
}

.hospital_settlement_top dl dt p span {
    padding-left: 35px;
}

.hospital_settlement_top dl dt .t2 {
    font-size: 24px;
    color: #00aaeb;
    font-style: normal;
    padding: 0 5px;
}

.hospital_settlement_top dl dd .t3 {
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #00aaeb;
    border-bottom: 1px solid #c8c8c8;
    font-weight: bold;
}

.hospital_settlement_top dl dd ul {
    height: 55px;
    text-align: center;
    padding: 12px 0 5px;
}

.hospital_settlement_top dl dd ul li {
    display: inline-block;
    line-height: 28px;
    margin: 0 30px;
}

.hospital_settlement_top dl dd ul li i {
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
    padding: 0 8px;
}

.sp_0 {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    color: #4fa1a4;
    padding: 0 10px;
}

.sp_1:before {
    display: inline-block;
    content: "";
    width: 34px;
    height: 27px;
    background: url(../images/pdf.png) no-repeat;
    vertical-align: top;
    margin-right: 10px;
}

.sp_2 a,
.sp_3 a {
    color: #4fa1a4;
    text-decoration: underline;
}

.sp_2 {
    position: relative;
    cursor: pointer;
}

.sp_2 input {
    position: absolute;
    left: 10px;
    top: 0;
    width: 58px;
    height: 28px;
    opacity: 0;
}

.sp_2 a:before,
.sp_3 a:before {
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
}

.sp_2 a:before {
    background: url(../images/upload.png) no-repeat;
}

.sp_3 a:before {
    background: url(../images/download.png) no-repeat;
}

/* 医院结算单发票录入 */

.view_item a {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    color: #4fa1a4;
    padding: 0 20px;
    border: 1px solid #4fa1a4;
    border-radius: 8px;
}

.view_item a:hover {
    color: #fff;
    background: #4fa1a4;
}

.invoice_ul {
    padding: 10px 0;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
}

.invoice_ul li {
    line-height: 36px;
    overflow: hidden;
}

.invoice_ul li:last-child {
    color: #f00220;
}

.invoice_ul b {
    float: left;
    font-weight: 400;
}

.invoice_ul span {
    float: right;
    font-size: 22px;
    font-weight: bold;
}

.invoice_ul span i {
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    padding-left: 20px;
}

.invoice_right {
    width: 400px;
}

.invoice_right .fheader {
    border-bottom: 0;
    padding: 0;
    margin-bottom: 0;
}

.invoice_right .stretch {
    float: none;
    height: 56px;
    line-height: 56px;
    border-top: 1px solid #c8c8c8;
}

.invoice_right .stretch span {
    font-size: 18px;
    color: #373737;
    margin: 0 20px;
}

.invoice_right .stretch span i {
    font-size: 30px;
    color: #00aaeb;
    font-style: normal;
    padding: 0 5px;
}

.invoice_right .left-treeb {
    width: 100%;
    margin-bottom: 20px;
}

.invoice_right .box_showpr_s1 {
    margin-left: 0;
    margin-right: 0;
}

.invoice_right .box_du {
    background: #f5f5f5;
}

.invoice_right .box_du .box_showpr span {
    background: #f5f5f5;
}

.form-control-suffix {
    border-right: 0;
    font-size: 22px;
}

.input-group-suffix {
    width: auto;
    border-radius: 0 8px 8px 0;
    width: 34px;
}

/* 经销授权书证照维护 */

.authorization_down h4 {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #00aaeb;
    text-align: left;
    font-weight: bold;
    margin: 12px 0;
}

.authorization_down {
    padding-bottom: 20px;
}

.authorization_down dl {
    padding-left: 95px;
    overflow: hidden;
    zoom: 1;
    margin: 10px 0;
}

.authorization_down dl dt {
    position: relative;
    float: left;
    width: 95px;
    left: -95px;
    margin-left: -100%;
    color: #00aaeb;
    text-align: left;
    font-weight: 400;
    line-height: 24px;
}

.authorization_down dl dd {
    float: left;
    width: 100%;
    line-height: 24px;
}

.authorization_down dl dd.goods-photo {
    padding-bottom: 20px;
    overflow-x: scroll;
}

.authorization_down dl dd>img {
    float: right;
    width: 100px;
    margin-left: 20px;
}

.authorization_down dl dd p {
    color: #373737;
    text-align: left;
}

.authorization_down dd ul {
    float: left;
}

.authorization_down dd ul li {
    display: inline-block;
}

.authorization_down .authorization_ul1 li:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 6px;
    background: url(../images/o3_08.png) no-repeat;
    margin: 0 20px;
    vertical-align: middle;
}

.authorization_down .authorization_ul1 li:first-child:before {
    width: 0;
    margin: 0;
}

.imgsqs {
    width: 440px;
    margin: 0 auto;
}

.imgsqs_box {
    width: 440px;
    height: 310px;
    border: 1px solid #c8c8c8;
    background: #fff;
    position: relative;
}

.imgsqs_box img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.imgsqs .license-btn {
    width: 183px;
    margin: 20px auto 10px;
}

.boxre1>.row_bd {
    border-top: 1px solid #c8c8c8;
    margin-top: -1px;
}

.h2_deal {
    float: left;
    height: 34px;
    color: #373737;
}

.h2_deal span {
    color: #00aaeb;
}

.h2_deal i {
    font-size: 24px;
    color: #00aaeb;
}

.h_logo_content {
    margin-top: 20px;
    overflow: hidden;
    border: 1px solid #f5f5f5;
}

.h_logo {
    float: left;
    width: 67px;
    height: 47px;
    border: 1px solid #c8c8c8;
    margin-right: 10px;
}

.h_logo_con {
    float: left;
    line-height: 47px;
}

.h_logo_con b {
    float: left;
    font-size: 18px;
    padding-right: 42px;
}

.fheader01 {
    line-height: 24px;
    border: 0;
    margin-bottom: 0;
}

.file_link {
    display: flex;
    width: 100%;
    justify-content: center;
    padding-top: 15px;
    overflow: hidden;
}

.file_link li {
    position: relative;
    width: 290px;
    text-align: center;
}

.file_link li:before,
.file_link li:after {
    display: inline-block;
    content: "";
    width: 106px;
    height: 1px;
    background: #00aaeb;
    position: absolute;
    top: 39px;
}

.file_link li:before {
    left: 0;
}

.file_link li:after {
    right: 0;
}

.file_link li:last-child:after {
    display: inline-block;
    content: "";
    width: 12px;
    height: 15px;
    background: url(../images/arrow02.png) no-repeat center;
    position: absolute;
    left: 94px;
    top: 32px;
}

.file_link li>span {
    display: inline-flex;
    width: 78px;
    height: 78px;
    border: 1px solid #f5f5f5;
    border-radius: 50%;
    padding: 3px;
}

.file_link li>span i {
    display: inline-flex;
    width: 70px;
    height: 70px;
    border: 2px solid #00aaeb;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}

.file_link .first_li {
    display: inline-flex;
    width: auto;
    height: 78px;
    font-size: 18px;
    color: #00aaeb;
    align-items: center;
    font-weight: bold;
}

.file_link .first_li:before,
.file_link .first_li:after {
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00aaeb;
    position: relative;
    top: 0;
}

.file_link .first_li:before {
    margin-right: 10px;
}

.file_link .first_li:after {
    margin-left: 10px;
}

.file_link li dl {
    padding: 0 20px;
    overflow: hidden;
}

.file_link li dl dt {
    width: 100%;
    height: 60px;
    background: url(../images/dots_3.png) no-repeat center;
}

.file_link li dl dd {
    width: 250px;
    min-height: 76px;
    border: 1px solid #c8c8c8;
    border-radius: 12px;
    padding: 15px 20px;
    text-align: left;
}

.file_link li.active>span {
    border: 1px solid #00aaeb;
}

.file_link li.active>span i {
    color: #fff;
    background: #00aaeb;
}

/* zxx */

.btn_box .btn_del {
    border-radius: 5px;
    padding: 5px 10px;
    display: inline-block;
    border: solid 1px red;
    color: red;
}

.btn_box .btn_del:hover {
    background: red;
    color: white;
}

.llzs_ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    padding: 0 100px;
}

.llzs_ul li {
    width: calc(100% / 3);
    height: 170px;
}

/* 修改权限分配 */

.checkbox-inline span::before {
    vertical-align: middle;
}

.checkbox-inline.check_disable span::before {
    background: #c8c8c8;
}

.port-select-left ul li {
    display: block;
    padding-left: 15px;
    margin: 0 0 20px;
    overflow: hidden;
    text-align: left;
}

.port-select-left .connector {
    width: 154px;
    text-align: center;
    margin-right: 20px;
}

.port-select-left .connector_right {
    min-height: 52px;
    margin-left: 180px;
    padding: 0 10px;
    /*border-bottom: 1px solid #ccc;*/
    overflow: hidden;
}

.port-select-left .connector_right .checkbox-inline {
    float: left;
    width: 25%;
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    line-height: 24px;
    margin-left: 0;
}

.port-select-left ul li:nth-child(2n) .connector_right {
    background: #e7ebef;
    padding: 10px;
}

.table_more01 {
    background: url(../images/img4_16.png);
}

.table-1b tbody.current .table_more01 {
    background: url(../images/img4_20.png);
}

/* process */

.flow_map {
    width: 1000px;
    text-align: center;
    margin: 0 auto;
}

.flow_link {
    display: inline-flex;
    position: relative;
    text-align: center;
    margin: 20px 0;
    overflow: hidden;
}

.flow_link:before {
    position: absolute;
    left: 0;
    top: 48px;
    content: "";
    width: 100%;
    height: 1px;
    background: #649fa3;
}

.flow_link:after {
    position: absolute;
    right: 0;
    top: 38px;
    display: inline-block;
    content: "";
    width: 17px;
    height: 20px;
    background-image: url(../images/flow-map.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.flow_link dt {
    display: inline-flex;
    font-size: 18px;
    color: #649fa3;
    align-items: center;
    background: #f5f5f5;
    z-index: 1;
}

.flow_link dt:before,
.flow_link dt:after {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #649fa3;
}

.flow_link dt:before {
    margin-right: 10px;
}

.flow_link dt:after {
    margin-left: 10px;
}

.flow_link dd {
    padding: 4px;
    border: 1px solid transparent;
    border-radius: 50%;
    margin-right: 40px;
    background: #f5f5f5;
    z-index: 1;
}

.flow_link dd:first-of-type {
    margin-left: 12px;
    margin-right: 53px;
}

.flow_link dd:last-of-type {
    margin-right: 57px;
}

.flow_link dd span {
    display: inline-flex;
    width: 87px;
    height: 87px;
    font-size: 14px;
    color: #373737;
    line-height: 18px;
    border: 2px solid #91dadd;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}

.flow_link .active {
    border-color: #649fa3;
}

.flow_link .active span {
    font-size: 18px;
    color: #fff;
    padding: 0;
    border-color: #649fa3;
    background: #649fa3;
}

.flow_mylink dd:first-of-type {
    margin-right: 170px;
}

.flow_mylink dd {
    margin-right: 302px;
}

.flow_mylink dd:last-of-type {
    margin-right: 58px;
}

.flow_4link dd {
    margin-right: 120px;
}

.flow_4link dd:first-of-type {
    margin-right: 150px;
}

.flow_operate {
    display: inline-flex;
    position: relative;
    margin-top: 20px;
}

.flow_operate:before {
    position: absolute;
    left: 0;
    top: 40px;
    content: "";
    display: inline-block;
    width: 100%;
    height: 2px;
    border: 1px dotted #cacaca;
}

.flow_operate:after {
    position: absolute;
    right: 0;
    top: 31px;
    content: "";
    display: inline-block;
    width: 17px;
    height: 20px;
    background-image: url(../images/flow-map.png);
    background-repeat: no-repeat;
    background-position: 0 -26px;
}

.flow_operate li {
    display: inline-flex;
    float: left;
    width: 100px;
    height: 82px;
    background: #f5f5f5;
    border: 2px dotted #cacaca;
    margin-right: 34px;
    padding-left: 19px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.flow_operate li:first-child {
    margin-right: 80px;
    padding: 0;
    justify-content: center;
}

.flow_operate li:last-child {
    margin-right: 122px;
}

.flow_operate li:before {
    position: absolute;
    left: 50%;
    margin-left: -5.5px;
    top: -31px;
    content: "";
    display: inline-block;
    width: 11px;
    height: 16px;
    background-image: url(../images/flow-map.png);
    background-repeat: no-repeat;
    background-position: 0 -51px;
}

.flow_operate li:first-child:before {
    width: 0;
}

/* 高值码追溯 */

.shoper_left {
    position: relative;
    width: 405px;
}

.shoper_right {
    width: calc(100% - 405px);
    padding-left: 30px;
}

.shoper_left_con {
    padding: 20px 30px;
    border-radius: 12px;
    background: #ebebeb;
    overflow: hidden;
}

.shoper_left_con dl dt {
    float: left;
    width: 150px;
    height: 150px;
    border: 1px solid #c8c8c8;
}

.shoper_left_con dl dd {
    float: right;
    width: 165px;
}

.shoper_left_con dl dd p {
    line-height: 24px;
    margin-top: 10px;
}

.shoper_left_con dl dd p:first-child {
    margin-top: 0;
}

.shoper_left_con dl dd p b {
    display: block;
}

.shoper_left_con dl dd p b.font-blue {
    font-size: 18px;
}

.pro_img {
    width: 300px;
    height: 300px;
    border: 1px solid #c8c8c8;
}

.t_table_ul {
    display: inline-block;
    padding-left: 100px;
}

.t_table_ul li {
    line-height: 24px;
    padding: 5px 0;
}

.t_table_ul li span {
    display: inline-block;
    width: 144px;
}

.table-1b .table-tit {
    display: none;
    text-align: left;
    padding-top: 15px;
}

.table-1b tbody.current .table-tit {
    display: block;
}

.table-rowspan>thead>tr>th,
.table-rowspan>tbody>tr>th,
.table-rowspan>tfoot>tr>th,
.table-rowspan>thead>tr>td,
.table-rowspan>tbody>tr>td,
.table-rowspan>tfoot>tr>td {
    vertical-align: middle;
    border-top: 0;
}

/* 仓储物流单接收 */

.document_time {
    width: 400px;
    height: 34px;
    border: 1px solid #4fa1a4 !important;
    overflow: hidden;
}

.document_time .input-group-addon {
    width: 72px;
    padding: 0 8px;
    border: 0;
}

.document_time input {
    width: 118px;
    border: 0;
}

.document_time .text-and {
    width: 30px;
}

/* 下拉搜索 */

#quickQuery_container {
    width: 100%;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 10px 0;
}

#quickQuery_content_box ul li a {
    display: block;
    line-height: 24px;
    padding: 0 5px;
    color: #373737;
    overflow: hidden;
}

#quickQuery_content_box ul li a:hover,
#quickQuery_content_box ul li a.quickQuery_currentContent {
    background-color: #4fa1a4;
    color: #FFF;
}

.btn-img {
    width: 60px;
    height: 34px;
    background: url(../images/img2_03.png) no-repeat center;
}

/**/

.left-tree {
    height: auto;
    min-height: 168px;
    padding: 0 0 0 20px;
    z-index: 5;
    background: #f5f5f5;
    box-shadow: 0 0 0 #fff;
    border: 1px solid #00aaeb;
}

.left_tree_ab {
    position: absolute;
    /*height: 100px;*/
    min-height: auto;
}

.tree-active {
    font-weight: bold;
}

/* 医疗器械注册证维护 */

.fl_regis_img {
    padding: 19px 15px 15px;
}

.fl_regis_img .rela_img {
    height: 102px;
    border: 1px solid #c8c8c8;
    background: url(../images/picture.png) no-repeat center;
}

.fl_regis_img .tips {
    line-height: 24px;
    margin-top: 5px;
}

.table-linked thead {
    color: #fff;
    background: #00aaeb;
}

.table-linked thead th {
    height: 55px;
    border-bottom: 0 !important;
    vertical-align: middle !important;
}

/* 订单录入 */

.ddlr_con {
    padding-bottom: 70px;
    text-align: center;
}

.ddlr_process {
    height: 64px;
    overflow: hidden;
}

.ddlr_process li {
    float: left;
    width: 33.3%;
    height: 64px;
    text-align: center;
    border-bottom: 2px solid #c8c8c8;
    cursor: pointer;
}

.ddlr_process li b {
    display: inline-block;
    width: 42px;
    height: 42px;
    font-size: 30px;
    color: #fff;
    line-height: 42px;
    border-radius: 50%;
    background: #c8c8c8;
}

.ddlr_process li span {
    display: inline-block;
    height: 42px;
    font-size: 16px;
    color: #838383;
    line-height: 42px;
    padding-left: 15px;
    vertical-align: top;
    font-weight: bold;
}

.ddlr_process li.active {
    border-bottom: 2px solid #4fa1a4;
}

.ddlr_process li.active b {
    background: #269499;
}

.ddlr_process li.active span {
    color: #373737;
}

.ddlr_select {
    width: 400px;
    margin: 50px auto 190px;
    text-align: left;
}

.ddlr_select li label {
    font-size: 18px;
    line-height: 38px;
    margin: 0;
    padding: 0;
}

.next_step,
.next_step:hover {
    display: block;
    font-size: 18px;
    color: #4fa1a4;
    text-decoration: underline;
}

.ddlr_btn {
    float: left;
    border: 0;
    padding-top: 6px;
    padding-bottom: 0 !important;
    margin-right: 20px;
}

.ddlr_5 {
    padding: 90px 0 190px;
    text-align: center;
}

/* 发票查询 */

.table-1b .basic_table_down1 {
    display: none;
    padding-bottom: 30px;
}

.table-1b tbody.current .basic_table_down1 {
    display: block;
}

.invoice_con {
    margin: 20px 15px;
    overflow: hidden;
}

.invoice_con .invoice_img {
    padding: 20px;
    border: 1px solid #c8c8c8;
    background: #f5f5f5;
}

.invoice_con .rela-img {
    height: 274px;
    border: 1px solid #cacaca;
    background: #fff;
}

.invoice_con ul {
    padding-top: 12px;
    text-align: left;
}

.invoice_con ul li {
    line-height: 24px;
    padding: 5px 0;
}

.invoice_con ul li span {
    display: inline-block;
    min-width: 70px;
}

.invoice_con ul li b {
    font-size: 22px;
    color: #00aaeb;
}

/* 订单配送实时跟踪 */

.fluid_layout .fluid_fl {
    width: 225px;
    padding: 20px;
}

.fluid_layout .fluid_fl dt p {
    width: 57px;
    text-align: center;
}

.fluid_layout .fluid_fl dt p b {
    display: block;
}

.fluid_layout .fluid_fl dt p span {
    display: block;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
}

.fluid_layout .fluid_fl dd span {
    float: left;
    display: inline-block;
    width: 48%;
    padding-left: 8%;
}

.fluid_layout .fluid_fl dd span:first-child {
    padding-right: 2%;
    padding-left: 0;
}

.fluid_layout .wldd-con-to {
    width: 150px;
    margin: 58px 10px 0;
}

.fluid_layout .fluid_fr {
    margin-left: 395px;
}

/* 修改树形导航 */

.ul-tree ul li a {
    /* display: block; */
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ul-tree ul li a:visited,
.ul-tree ul li a:active {
    font-weight: bold;
}

/* 物流对账单查询 */

.input-time {
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
}

.input-time .input-group-addon {
    border: 0;
}

.input-time .text-and {
    float: left;
    width: 8%;
    height: 32px;
    line-height: 32px;
    text-align: center;
}

.input-time input[type=text] {
    float: left;
    width: 46%;
    height: 32px;
    line-height: 32px;
    border: 0;
    text-align: center;
}

.input-time.input-disabled input[type=text] {
    background: #e1e1e1;
}

.input-group-righttxt {
    position: absolute;
    right: 10px;
    top: 1px;
    z-index: 222;
    line-height: 32px;
}

.input-tar {
    font-size: 24px;
    color: #00aaeb !important;
    padding-right: 30px;
    text-align: right;
}

/* 订单受理审核 */

.h2_deall {
    height: 47px;
    line-height: 47px;
}

.ddslsh_fpart {
    padding: 20px 30px;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    background: #ebebeb;
}

.table_ddslsh {
    padding: 0 30px;
    border-top: 1px solid #00aaeb;
    border-bottom: 1px solid #00aaeb;
    background: #f5f5f5;
    margin-bottom: 0;
}

.table_ddslsh thead tr th,
.table_ddslsh tbody tr td {
    height: 54px;
    vertical-align: middle;
}

.p_7,
.p_8 {
    display: block;
}

.ul_pro .img_cs {
    width: 50px;
}

/* 左侧导航固定 */

.bd-lft .aside_fixed {
    position: fixed;
    left: 0;
    margin-left: 84px;
}

/* 承运商车辆信息 */

.rowing_top {
    position: relative;
    padding: 20px 0;
    margin-bottom: 18px;
    border-top: 1px solid #d6d6d6;
    border-bottom: 2px solid #c8c8c8;
    background: #fff;
    overflow: hidden;
    z-index: 9;
}

@media screen and (min-width: 1300px) {
    .rowing_top {
        width: 1250px;
        margin: 0 auto;
    }
}

.rowing_top dl {
    float: left;
    height: 100px;
    padding: 0 30px 0 20px;
    border-left: 1px solid #d6d6d6;
}

.rowing_top dl dd span {
    display: block;
    font-size: 14px;
    color: #373737;
}

.rowing_top dl.dl1 {
    border-left: 0;
}

.rowing_top dl.dl1 dt {
    float: left;
    width: 97px;
    height: 97px;
    padding: 5px;
    margin-right: 20px;
    border: 1px solid #649fa3;
    border-radius: 50%;
    background: #f5f5f5;
}

.rowing_top dl.dl1 dt span {
    display: inline-flex;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    border-radius: 50%;
    background: #649fa3;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 0 20px;
}

.rowing_top dl.dl1 dd {
    float: left;
}

.rowing_top dl.dl1 dd p {
    font-size: 18px;
    color: #01aaeb;
    font-weight: bold;
    margin-top: 20px;
}

.rowing_top dl.dl2 {
    max-width: 352px;
}

.rowing_top dl.dl2 dt {
    float: right;
    display: inline-flex;
    /*height: 100%;*/
    align-items: center;
}

.rowing_top dl.dl2 dt label {
    color: #00aaeb;
}

.rowing_top dl.dl2 dt label span:before {
    border: 1px solid #00aaeb;
}

.rowing_top dl.dl2 dd {
    margin-right: 120px;
}

.rowing_top dl.dl2 dd b {
    font-size: 18px;
}

.rowing_top dl.dl2 dd p {
    line-height: 22px;
}

.rowing_top dl.dl3 dt span {
    font-size: 14px;
    color: #373737;
    font-weight: 400;
}

.rowing_top dl.dl3 dt {
    overflow: hidden;
}

.rowing_top dl.dl3 dd {
    margin-top: 15px;
}

.rowing_top dl.dl3 dd .rowing_input {
    float: left;
    width: 172px;
    height: 34px;
    line-height: 34px;
}

.rowing_input .rowing_input_addon {
    float: left;
    width: 65px;
    height: 34px;
    padding: 0 8px;
    border: 1px solid #c8c8c8;
    border-right: 0;
    border-radius: 8px 0 0 8px;
}

.rowing_input .rowing_control {
    float: left;
    width: 72px;
    height: 34px;
    padding: 0 8px;
    border: 1px solid #c8c8c8;
    border-left: 0;
    border-radius: 0 8px 8px 0;
    font-size: 18px;
    color: #f5281d;
    font-weight: bold;
}

.rowing_input i {
    padding-left: 5px;
}

.top_cal {
    overflow: hidden;
}

.group_cyspc1 {
    margin-left: 320px;
    padding-bottom: 20px;
}

.group_cyspc1 .row>div:first-child {
    width: 90px;
}

.left_calendar {
    float: left;
    width: 300px;
    /*height: 298px;*/
    padding: 10px 20px 30px;
    border-radius: 8px;
    background: #ebebeb;
}

.account-box {
    width: 260px;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    background: #f6f6f6;
    padding-bottom: 10px;
}

.account-title {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}

.f-btn-fhby {
    height: 30px;
    line-height: 30px;
    color: #f77b10;
    border: 1px solid #f77b10;
    font-size: 14px;
    display: block;
    width: 85px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
    margin-left: 20px;
}

.f-btn-jian,
.f-btn-jia {
    position: relative;
    width: 20px;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    text-align: center;
    color: #666;
    cursor: pointer;
    font-weight: bold;
}

.f-btn-jian {
    left: 2px;
}

.f-btn-jia {
    left: -2px;
}

.f-riqi {
    display: block;
    width: 216px;
    padding: 0 10px;
    color: #666;
    font-size: 14px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    font-weight: bold;
}

.f-rili-table tbody td {
    background: #fff;
    position: relative;
}

.f-rili-table tbody tr {
    border-bottom: 1px dashed #ccc;
}

/*.f-rili-table .f-today {}*/

.f-rili-table .f-today .f-day,
.f-rili-table .f-on .f-day {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    color: #fff;
    border-radius: 50%;
    background: #f00220;
}

.f-number {
    cursor: pointer;
}

.f-rili-table {
    width: 100%;
}

.f-rili-th {
    float: left;
    width: 14.25%;
    text-align: center;
    line-height: 30px;
    height: 30px;
    color: #666;
}

.f-td {
    float: left;
    width: 14.25%;
    text-align: center;
    height: 28px;
    line-height: 28px;
    position: relative;
}

.f-yuan {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 13px;
    left: 50%;
    margin-left: 10px;
    background: url(../images/yuan.png) no-repeat center;
}

.f-table-msg {
    position: absolute;
    z-index: 2;
    top: 34px;
    left: 50%;
    margin-left: -120px;
    width: 280px;
    background: url(../images/bg-msg.png) no-repeat bottom;
    line-height: 55px;
    height: 46px;
    text-align: center;
    display: none;
    color: #666;
}

.table_more {
    margin-top: -16px;
}

/* 404 */

.content_404 {
    position: absolute;
    top: 50%;
    margin-top: -151px;
    left: 50%;
    margin-left: -558px;
    width: 1116px;
    height: 302px;
    color: #4fa1a4;
    text-align: center;
}

.content_404>img {
    padding-bottom: 25px;
}

.content_404 p {
    font-size: 18px;
    line-height: 30px;
}

.content_404 b {
    display: block;
    font-size: 24px;
    line-height: 40px;
    padding: 15px 0 20px;
    text-align: center;
}

.content_404 .btn_404 {
    width: 424px;
    margin: 0 auto;
    overflow: hidden;
}

.content_404 .btn_404 a {
    display: inline-block;
    width: 152px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    border-radius: 12px;
    background: #4fa1a4;
}

.footer_fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
}

.bgl_404 {
    position: absolute;
    left: 50%;
    margin-left: -558px;
    top: 49px;
    width: 1116px;
    height: 84px;
    background: url(../images/404_bg1.png) no-repeat left top;
    z-index: -1;
}

.bgr_404 {
    position: absolute;
    left: 50%;
    margin-left: -558px;
    bottom: 60px;
    width: 1116px;
    height: 123px;
    background: url(../images/404_bg2.png) no-repeat right top;
}

.row_s1 {
    background: none;
    border: 1px solid #00aaeb;
}

/* 订单调度单据列表 */

.table_bb td[colspan] {
    padding: 0 !important;
}

.d_info {
    padding: 12px 0;
    background: #f9cc9d;
    border: 1px solid #ddd;
    overflow: hidden;
}

.d_info ul li {
    float: left;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    margin: 0 20px;
}

.d_info ul li span {
    padding-right: 8px;
}

.d_info ul li b {
    font-size: 16px;
    color: #00aaeb;
}

.table_bb .td-route {
    color: #00aaeb !important;
    background: none !important;
}

.table_bb a.td-route:hover {
    color: #fff !important;
    background: #00aaeb !important;
}

.d_info .table_btn {
    margin-left: 50px;
}

/* 图片修改 */

.img-box .img_cs1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

/* 医院出库单汇总 */

.logistics_info01 {
    position: relative;
    height: 198px;
    /*overflow: hidden;*/
}

.logistics_info01 .logistics_info01_l {
    width: 48%;
    padding: 10px 30px;
    border-radius: 12px;
    background: #ebebeb;
    margin-left: 2%;
}

.logistics_info01 .logistics_info01_l.fr:before {
    position: absolute;
    left: 49%;
    top: 48%;
    content: ">>";
}

.logistics_info01 .logistics_info01_l:first-child {
    margin-right: 2%;
    margin-left: 0;
}

.logistics_info01_l b {
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #00aaeb;
    margin-bottom: 10px;
}

.logistics_info01_l .input-group-addon,
.logistics_info01_l .form-control {
    background: none;
}

.logistics_info02 {
    padding: 20px 30px;
    margin-top: 20px;
    border: 1px solid #c8c8c8;
}

.logistics_info02 .logistics_info02_l {
    /*width: 48%;*/
    min-height: 215px;
    padding: 10px 20px;
    border: 1px solid #00aaeb;
}

.logistics_info02_l b {
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #00aaeb;
}

.table_HospitalD tbody tr:hover,
.table_HospitalD tbody:hover {
    -webkit-box-shadow: 0 0 0 0 #b2b2b2;
    -moz-box-shadow: 0 0 0 0 #b2b2b2;
    -ms-box-shadow: 0 0 0 0 #b2b2b2;
    -o-box-shadow: 0 0 0 0 #b2b2b2;
    box-shadow: 0 0 0 0 #b2b2b2;
}

.table_HospitalD>tbody:hover {
    -webkit-box-shadow: 0 0 2px 1px #b2b2b2;
    -moz-box-shadow: 0 0 2px 1px #b2b2b2;
    -ms-box-shadow: 0 0 2px 1px #b2b2b2;
    -o-box-shadow: 0 0 2px 1px #b2b2b2;
    box-shadow: 0 0 2px 1px #b2b2b2;
    background: #fff;
}

.table_HospitalD>tbody .table thead tr {
    background: url(../images/table_line.png) repeat-x left top;
}

.table .table {
    background: none;
}

.table_HospitalD>tbody .table tbody,
.table_HospitalD>tbody .table th,
.table_HospitalD>tbody .table td {
    border: 0;
    color: #4fa1a4;
}

.table_HospitalD>tbody>tr>td>input {
    width: 80px;
    height: 34px;
    line-height: 34px;
    color: #373737;
    border: 1px solid #c8c8c8;
    border-radius: 12px;
    background: none;
    text-align: center;
    margin-right: 5px;
}

.table_HospitalD>tbody .table td input {
    width: 123px;
    height: 34px;
    line-height: 34px;
    color: #4fa1a4;
    border: 1px solid #4fa1a4;
    border-radius: 12px;
    background: none;
    text-align: center;
}

.mus_left,
.left-treeb {
    border: 1px solid #4fa1a4;
    background: none !important;
    box-shadow: 0 0 0 #fff !important;
}

.invoice_ul1 {
    padding: 0 30px;
    border-bottom: 0;
}

.invoice_ul1 li:last-child {
    color: #373737;
}

.invoice_ul1 span {
    width: 255px;
    text-align: right;
}

.popup_ul_pro {
    float: none;
    white-space: normal;
    text-align: center;
}

.popup_ul_pro li {
    display: inline-block;
    padding: 15px;
    margin: 0 10px 20px;
}

.popup_ul_pro li dl {
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
    margin-bottom: 6px;
    overflow: hidden;
}

.popup_ul_pro li dl dd {
    margin-left: 60px;
}

.popup_ul_pro li b,
.popup_ul_pro li p {
    display: block;
    font-size: 12px;
    line-height: 16px;
}

.popup_ul_pro li p {
    color: #00aaeb;
    font-weight: bold;
}

.popup_ul_pro li>div {
    position: static;
}

/* 下拉修改 */

.ac_results {
    border: 1px solid #c8c8c8;
    padding: 10px 20px;
    background: #fff;
    z-index: 99;
}

.ac_results ul li {
    line-height: 24px;
    cursor: pointer;
}

.ac_results ul li:hover {
    color: #00aaeb;
}

/* 纵向滚动条 */

.overy {
    height: 217px;
    margin-bottom: 20px;
    overflow-y: scroll;
}

.overy .table {
    margin-bottom: 0;
}

/* 医院寄售品种主动策略 */

.tactics_left {
    float: left;
    width: 296px;
    border: 1px solid #00aaeb;
    border-radius: 12px;
    padding: 0 10px;
}

.tactics_left .table tbody tr:last-child {
    border-bottom: 1px solid #c8c8c8;
}

.tactics_main {
    margin-left: 316px;
}

.tactics_main .table input {
    width: 67px;
    height: 34px;
    padding: 0 5px;
    border: 1px solid #c8c8c8;
    border-radius: 12px;
    text-align: right;
    margin-right: 5px;
    background: none;
}

.ProImg .big-imgs {
    width: 100%;
    height: 110px;
    border: 1px solid #c8c8c8;
}

/* 经销授权-逐级授权 */

.step_ul {
    display: flex;
    white-space: nowrap;
}

.step_ul li {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.step_ul li:nth-child(2n-1) {
    width: 178px;
    height: 125px;
    border: 1px solid #c8c8c8;
    font-size: 14px;
    color: #373737;
    cursor: pointer;
}

.step_ul li:last-child {
    color: #4fa1a4;
}

.step_ul li:last-child:before {
    display: inline-block;
    content: "+";
    font-size: 28px;
    padding-right: 10px;
}

.step_ico,
.step_ul li:nth-child(2n) {
    width: 111px;
    height: 125px;
    background: url(../images/o3_15.png) no-repeat center center;
}

/* overflow滚动条 */

/*#scroll_1 {
    font-size: 0;
}*/

#scroll_1::-webkit-scrollbar-track {
    /*定义滚动条轨道*/
    border-radius: 12px;
    background-color: #c8c8c8;
    width: 3px;
    position: absolute;
    right: 0;
    z-index: 2;
}

#scroll_1::-webkit-scrollbar {
    /*定义滚动条高宽及背景*/
    width: 3px;
    background-color: #c8c8c8;
    border-radius: 12px;
    display: none;
}

#scroll_1:hover::-webkit-scrollbar {
    display: block;
}

#scroll_1::-webkit-scrollbar-thumb {
    /*定义滚动条*/
    background-color: #4fa1a4;
    border-radius: 12px;
}

/* 流体布局 */

.FluidLayoutL {
    position: relative;
    float: left;
    width: 300px;
}

.FluidLayoutM {
    margin-left: 320px;
}

.FluidLayoutR {
    position: relative;
    float: right;
    width: 300px;
}

.inp_80 {
    width: 80px;
    height: 34px;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    padding: 0 10px;
    text-align: right;
    background: none;
    margin-right: 10px;
}

.inp_table {
    height: 34px;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    padding: 0 10px;
    text-align: right;
    background: none;
    margin-right: 10px;
}

/* 5-24 关系建立 */

.input_two {
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    overflow: hidden;
}

.input_two label {
    display: block;
    border-top: 1px solid #c8c8c8;
}

.input_two label:first-child {
    border: 0;
}

.input_two input {
    width: 56px;
    height: 34px;
    line-height: 34px;
    border: 0;
    background: none;
    text-align: center;
}

.input_two input[disabled="disabled"] {
    background: #ebebeb;
}

.input_two span {
    float: right;
    display: inline-block;
    width: 36px;
    height: 34px;
    line-height: 34px;
    border-left: 1px solid #c8c8c8;
    background: #ebebeb;
}

.table_select {
    width: 92px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    overflow: hidden;
}

.table_select select {
    width: 90px;
    height: 32px;
    line-height: 32px;
    border: 0;
    background: none;
    vertical-align: top;
}

.ul_tr2 li {
    margin-top: 15px;
}

.ul_tr2 li:first-child {
    margin-top: 0;
}

.ul_tr2 li b {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    border-radius: 50%;
    background: #00aaeb;
}

.ul_tr2 li i {
    padding: 0 10px;
}

.tr_active {
    color: #00aaeb;
}

.tr_fixed {
    position: fixed;
    top: 60px;
    z-index: 99;
}

.tr_fixed td {
    display: table-cell;
    width: 300px;
}

@media screen and (min-width: 1300px) {
    .tr_fixed {
        width: 940px;
    }
}

.no_editor td .input_two:last-child,
.no_editor td .from-button:last-child,
.editor td .input_two:first-of-type,
.editor td .from-button:first-child {
    display: none;
}

/* 5-25 明细界面 合同证书 */

.contract_img {
    width: 151px;
    height: 215px;
    border: 1px solid #c8c8c8;
}

/* 库存分析 */

.kcfx_btn {
    height: 34px;
    border: 1px solid #4fa1a4;
    border-radius: 8px;
    overflow: hidden;
}

.btn-analysis span:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/scattered-icon.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-right: 12px;
    vertical-align: middle;
}

.kcfx_btn a {
    position: relative;
    display: block;
    float: left;
    color: #4fa1a4;
    line-height: 20px;
    padding: 6px 20px;
}

.kcfx_btn a.on,
.kcfx_btn a:hover {
    color: #fff;
    background: #4fa1a4;
}

.kcfx_btn a:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/scattered-icon.png) no-repeat;
    vertical-align: middle;
    margin-right: 10px;
}

.kcfx_btn a:first-child:before {
    background-position: 0 -30px;
}

.kcfx_btn a:first-child.on:before,
.kcfx_btn a:first-child:hover:before {
    background-position: -40px -30px;
}

.kcfx_btn a:last-child:before {
    background-position: 0 -59px;
}

.kcfx_btn a:last-child.on:before,
.kcfx_btn a:last-child:hover:before {
    background-position: -40px -59px;
}

/*.kcfx_btn a:after {
    position: absolute;
    right: 0;
    content: "";
    display: inline-block;
    width: 84px;
    height: 16px;
    position: relative;
    left: 96px;
    bottom: -13px;
    background: url(../images/btn-up.png) no-repeat center;
}*/

.kcfx_btn a:after {
    position: absolute;
    right: 0;
    content: "";
    display: inline-block;
    width: 1px;
    height: 20px;
    background: #4fa1a4;
    vertical-align: middle;
}

.kcfx_btn a:last-child:after {
    width: 0;
}

.kcfx_left {
    width: 180px;
    margin: 0 70px 0 52px;
}

.kcfx_left dt {
    font-size: 18px;
    padding-top: 12px;
}

.kcfx_left dt:first-of-type {
    padding-top: 0;
}

.kcfx_left2 dt {
    font-size: 14px;
}

.kcfx_left dd {
    padding: 12px 0;
    border-bottom: 1px solid #c8c8c8;
}

.kcfx_left dd:last-child {
    border-bottom: 0;
}

.kcfx_left dd span {
    display: block;
    line-height: 36px;
    text-align: right;
}

.kcfx_left dd span i {
    font-size: 30px;
    color: #00aaeb;
}

.kcfx_left2 dd span b {
    font-size: 16px;
    color: #00aaeb;
}

.kcfx_left2 dd span i {
    font-size: 22px;
}

.kcfx_left dd p {
    line-height: 32px;
    font-weight: bold;
}

.kcfx_right {
    margin-left: 302px;
    border-left: 1px solid #c8c8c8;
}

/* 业务授权书 */

.ywsqs_td dl {
    padding-top: 15px;
}

.ywsqs_td dl dt {
    font-weight: 400;
}

.ywsqs_img {
    width: 68px;
    height: 48px;
    border: 1px solid #c8c8c8;
    margin: 10px auto 0;
}

.ywsqs_img a {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.ywsqs_photo {
    width: 178px;
    margin-right: 20px;
}

.ywsqs_photo .rela_img {
    width: 178px;
    height: 125px;
    border: 1px solid #c8c8c8;
    background: url(../images/picture.png) no-repeat center;
}

/* 6-1 表格左边小图片 */

.table_imgl {
    position: relative;
    width: 40px;
    height: 30px;
    border: 1px solid #c8c8c8;
}

.table_imgl .img_cs {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.table_imgl .img_zoom {
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

.table_wzr {
    text-align: left;
    margin-left: 45px;
}

/* 销售分析 */

.xsfx_average {
    display: table;
}

.xsfx_average dl {
    display: table-cell;
    width: 500px;
    height: 100px;
    color: #fff;
    border-left: 15px solid #f5f5f5;
    vertical-align: middle;
    text-align: center;
}

.xsfx_average dl:nth-child(1) {
    color: #373737;
    border-left: 0;
    background: #f5d38b;
}

.xsfx_average dl:nth-child(2) {
    background: #649fa3;
}

.xsfx_average dl:nth-child(3) {
    background: #5d707c;
}

.xsfx_average dl dt {
    line-height: 36px;
}

.xsfx_average dl dd {
    line-height: 46px;
}

.xsfx_average dl dd div {
    display: inline-block;
    padding: 0 10px;
}

.xsfx_average dl dd div p {
    font-weight: bold;
}

.xsfx_average dl dd span {
    padding: 0 10px;
}

.xsfx_average dl dd i {
    font-size: 30px;
    color: #f5d38b;
}

.xsfx_average dl:nth-child(1) dd i {
    color: #4aa8e5;
}

.config_detail_center {
    float: none;
    float: none;
    margin: 20px auto 0;
}

.thead_fixed {
    position: fixed;
    top: 60px;
    display: table;
    width: 1250px;
    z-index: 9;
    box-shadow: 0 0 5px 1px #b2b2b2;
}

.thead_fixed tr th {
    display: table-cell;
    background: #f5f5f5 !important;
}

.details_box {
    position: absolute;
    left: 50%;
    margin-left: -205px;
    top: 42px;
    width: 900px;
    height: 612px;
    border-radius: 8px;
    background: #fff;
    box-sizing: content-box;
    border: 6px solid #c8c8c8;
    text-align: center;
    padding: 0 20px 20px;
    z-index: 9;
    display: none;
}

.tr-active {
    color: #00aaeb;
    background-color: #fff !important;
    box-shadow: 0 0 2px 1px #b2b2b2;
}

.tr-active02 {
    color: #00aaeb;
}

.tr-active03 {
    color: #4fa1a4;
}

.table-select input[type=checkbox]:checked+span::before {
    border-color: #4fa1a4;
    background: url(../images/checkbox.png) no-repeat 50% -14px;
}

.not-wrap {
    white-space: nowrap;
}

/* 电子回单 */

.div_sh2 .rela_img {
    width: 70px;
    height: 100px;
    border: 1px solid #ddd;
}

.div_sh2 .rela_img img {
    border: 0;
    padding: 0;
    background: none;
}

/* index 6.28 */

.index_con {
    text-align: center;
    color: #888;
    margin-top: 10%;
}

.index_con h2 {
    font-size: 18px;
    line-height: 28px;
    padding-top: 10px;
}

.index_con p {
    font-size: 12px;
    line-height: 24px;
}

.index_con p i {
    padding-left: 8px;
}

.index_con p i:first-child {
    padding-left: 0;
}

/* 河南飞达 */

.w-1080 {
    width: 1080px;
    margin: 0 auto;
}

.new-page-top {
    margin-top: 10px;
}

.new-page {
    height: 50px;
    line-height: 50px;
    background: #ebebeb;
    padding: 0 20px;
}

.new-page .btn {
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    color: #373737;
    padding: 0 10px;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    background: none;
}

.new-page .btn-prev,
.new-page .btn-next {
    color: #4fa1a4;
}

.new-page .btn:hover {
    color: #4fa1a4;
    border: 1px solid #4fa1a4;
}

.new-page input {
    width: 50px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #c8c8c8;
    background: #f5f5f5;
    padding: 0 5px;
    text-align: center;
}

.new-page .fr i {
    color: #00aaeb;
}

.table-scroll {
    overflow-x: auto;
}

.bor-cc {
    border: 1px solid #ccc !important;
}

.bg-f5 {
    background: #f5f5f5 !important;
}

/* 打印说明 */

.print-doc {}

.print-doc p {
    font-size: 16px;
    line-height: 28px;
    text-indent: 2em;
}

.print-step {
    position: relative;
    overflow: hidden;
}

.print-step:before {
    position: absolute;
    left: 16px;
    top: 0;
    bottom: 0;
    content: '';
    width: 1px;
    border-left: 1px dotted #ddd;
}

.print-step.last:before {
    border: 0;
}

.print-step dt {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
    background: #649fa3;
    font-size: 16px;
    color: #fff;
    text-align: center;
    vertical-align: top;
    z-index: 2;
    position: relative;
}

.print-step dd {
    width: 96%;
    margin-bottom: 5px;
    float: right;
}

.print-step dd p {
    text-indent: 0;
}

/* 加载层 2017-08-17 */

.load-layer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 9999;
    overflow: hidden;
}

.load-layer p {
    font-size: 24px;
    text-align: center;
    color: #fff;
}

.load-container {
    width: 240px;
    height: 280px;
    position: relative;
    overflow: hidden;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    top: 50%;
    margin-top: -140px;
}

.loader {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.loader:after {
    content: '';
    position: absolute;
    top: 0;
}

.load5 .loader {
    margin: 4em auto;
    font-size: 12px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
}

@-webkit-keyframes load5 {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}

@keyframes load5 {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}

/* 加载层 end */

/* 2017-08-21 修改订单录入添加按钮 */

.btn_adda {
    position: absolute;
    top: 0;
    right: 15px;
}

/* 修改订单录入添加按钮 end */

/* 表格头部固定 2017-08-23 */

.table-th thead {
    width: calc(100%);
}

.table-th thead tr {
    display: block;
}

.table-th tbody {
    display: block;
    overflow-y: auto;
}

.table-th thead tr,
.table-th tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

/* 表格横纵滚动条 */

#right_div {
    float: left;
    width: 410px;
    margin: 0 -15px;
}

#right_div1 {
    width: 100%;
    overflow: hidden;
}

#right_divx {
    width: 900px;
}

#right_div2 {
    margin-top: -20px;
    width: 100%;
    height: 346px;
    overflow: auto;
}

#right_table1 {
    width: 880px;
}

#right_table2 {
    /**width和max-width一起写，手机浏览器打开也能固定长度**/
    width: 880px;
    max-width: 880px;
    white-space: nowrap;
}

#right_table1 th {
    text-align: center;
    width: 10%;
}

#right_table2 td {
    width: 10%;
    text-align: center;
}

#right_table2 tbody tr.active {
    background: white;
}

/* 找车找仓 */

.b-blue {
    height: 34px;
    line-height: 34px;
    border: 1px solid #649fa3;
    border-radius: 8px;
}

.b-gray {
    height: 35px;
    line-height: 34px;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
}

.b-gray .layui-input-block {
    border: 0;
}

.search-tab {
    width: 138px;
    overflow: hidden;
}

.search-tab a {
    display: block;
    width: 50%;
    font-size: 14px;
    color: #649fa3;
    text-align: center;
}

.search-tab a:hover,
.search-tab a.active {
    color: #fff;
    background: #649fa3;
}

.filter-box {
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    background: #ebebeb;
    margin: 12px 0 20px;
}

.search-box {
    padding: 20px 30px;
}

/* .search-box .row {
    border-top: 1px solid #c8c8c8;
    padding: 15px 0;
} */

.search-box .row:first-child,
.search-box .row:last-child {
    border-top: 0;
}

.search-box .row:last-child {
    padding-top: 0;
}

.search-box .search-tit {
    float: left;
    height: 34px;
    line-height: 34px;
    font-size: 18px;
    color: #373737;
    font-weight: bold;
}

.search-box .input-group {
    font-size: 14px;
    padding: 0 10px;
    background: #f5f5f5;
}

.search-box .input-group .input-group-addon,
.search-box .input-group .form-control {
    border: 0;
    height: 32px;
    line-height: 32px;
    padding: 0;
}

.search-box .input-group .city-picker-input {
    width: 0;
}

.search-box .input-group .city-picker-span {
    width: 100%;
    border: 0;
}

.search-box .check-group {
    background: none;
}

.sort-btn {
    margin-left: 30px;
}

.sort-btn a {
    display: inline-block;
    width: 114px;
    height: 18px;
    line-height: 18px;
    color: #649fa3;
    text-align: center;
    border-left: 1px solid #649fa3;
}

.sort-btn a:first-child {
    border-left: 0;
}

.sort-btn a:after {
    display: inline-block;
    content: '';
    width: 8px;
    height: 11px;
    background: url(../images/sort-icon.png) no-repeat right center;
    padding-left: 18px;
    vertical-align: middle;
}

.filter-input span {
    color: #969696;
}

.filter-input input {
    color: #373737;
    height: 32px;
    border: 0;
    background: #f5f5f5;
}

.filter-input i {
    color: #373737;
}

.icon-star {
    color: #f5d38b;
}

.icon-star-empty {
    color: #c9c9c9;
}

.content-tit {
    height: 38px;
    line-height: 38px;
    overflow: hidden;
}

.content-tit .h2_3 {
    line-height: 38px;
    font-size: 18px;
    color: #373737;
    font-weight: bold;
}

.content-tit>a {
    color: #649fa3;
    font-weight: bold;
}

.content-tit>a i {
    padding-right: 10px;
}

.table-top {
    border-top: 1px solid #c8c8c8;
}

.w-red,
.w-blue {
    font-size: 18px;
    padding-right: 10px;
}

.w-red {
    color: #dc322e;
}

.w-blue {
    color: #4aa8e5;
}

/* 找车找仓 */

.search-row {
    padding: 10px 0;
    border-top: 1px solid #c8c8c8;
    clear: both;
    overflow: hidden;
}

.search-row:first-child {
    border-top: 0;
}

.search-row .search-tit {
    float: left;
    width: 100px;
}

.search-row .search-con {
    margin-left: 100px;
    overflow: hidden;
}

.input-box {
    background: #f5f5f5;
    position: relative;
}

.input-box span,
.input-box input,
.input-box i {
    display: inline-block;
}

.input-box>span:first-child {
    width: 5rem;
    padding: 0 10px;
}

.input-box input {
    width: 100%;
    border: 0;
    background: none;
}

.input-box i {
    width: 6rem;
    text-align: right;
    padding: 0 10px;
}

/* 仓库信息 */

.ware-info {
    padding-bottom: 10px;
    overflow: hidden;
}

.ware-info dt {
    float: left;
    width: 80px;
    font-size: 14px;
    color: #373737;
    font-weight: bold;
}

.ware-info dd:last-child {
    margin-left: 80px;
    margin-right: 80px;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
}

.ware-info dd a {
    color: #373737;
    padding: 0 5px;
    white-space: nowrap;
}

.ware-info dd a:hover,
.ware-info dd a.active {
    color: #649fa3;
    font-weight: bold;
}

.ware-info dd.more {
    float: right;
    width: 80px;
    text-align: right;
    cursor: pointer;
}

.icon-sort-down:before {
    vertical-align: top;
    color: #649fa3;
}

.icon-sort-up:before {
    vertical-align: middle;
    color: #649fa3;
}

/* 仓库信息 end */

.table-ware tbody tr td {
    padding: 20px 8px;
}

.ware-td h3 {
    font-size: 18px;
    color: #4aa8e5;
    font-weight: bold;
    margin-bottom: 15px;
}

.ware-td p {
    line-height: 22px;
}

.ware-td .address {
    padding-left: 21px;
    background: url(../images/ware-icon01.png) no-repeat left center;
}

.ware-td .quality {
    margin-top: 15px;
    padding-left: 30px;
    background: url(../images/ware-icon02.png) no-repeat left center;
}

.ware-td .quality b {
    padding-right: 20px;
}

.quality b em {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background: #4aa8e5;
    color: #fff;
    margin-right: 10px;
    font-style: normal;
}

.quality b i:first-child {
    padding-left: 10px;
}

.ware-td02 {
    line-height: 32px;
}

.ware-td02 b {
    display: block;
}

.ware-td02 b i {
    font-size: 18px;
}

.ware-td02 b em {
    font-style: normal;
    font-size: 24px;
}

.ware-td02 p i {
    padding-left: 10px;
}

.from-button .btn {
    color: #649fa3;
    padding: 0 20px 0 47px;
    background-repeat: no-repeat;
    background-position: 20px center;
}

.from-button .btn3 {
    padding-left: 20px;
}

.from-button .btn:hover {
    color: #fff;
    background-color: #649fa3;
}

.from-button .btn1 {
    background-image: url(../images/ware-icon03.png);
}

.from-button .btn1:hover {
    background-image: url(../images/ware-icon031.png);
}

.from-button .btn2 {
    background-image: url(../images/ware-icon04.png);
}

.from-button .btn2:hover {
    background-image: url(../images/ware-icon041.png);
}

.from-button .btn3 .checkbox-inline span::before {
    width: 17px;
    margin-right: 10px;
    border: 1px solid #649fa3;
}

.from-button .btn3:hover .checkbox-inline span::before {
    border: 1px solid #fff;
}

.from-button .btn3:hover .checkbox-inline input[type=checkbox]:checked+span {
    color: #fff;
}

.from-button .btn4 {
    background-image: url(../images/ware-icon05.png);
}

.from-button .btn4:hover {
    background-image: url(../images/ware-icon051.png);
}

.ware-newest {
    padding: 20px 0 10px;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    overflow: hidden;
}

.ware-newest li {
    float: left;
    width: 202px;
    margin: 0 0 6px 60px;
}

.ware-newest li:first-child {
    margin-left: 0px;
}

.ware-newest li .rela_img {
    width: 202px;
    height: 116px;
    margin-bottom: 4px;
}

.ware-newest li p {
    line-height: 22px;
}

/* 找车找仓 end */

/* 物流订单配送详情查询 地图放大缩小 2017-09-12 */

.mapbox {
    position: relative;
}

#musMap {
    position: relative;
    height: 536px;
    border: 1px solid #ccc;
}

.enlarge,
.narrow {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    color: #fff;
    border: 0;
    border-radius: 50%;
    background: #50A1A4;
    text-align: center;
    z-index: 999;
}

.narrow,
.enlarge1,
.narrow0 {
    height: 0;
    width: 0;
    opacity: 0;
}

.musMap1 {
    position: fixed !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto !important;
    z-index: 99 !important;
    overflow: hidden;
}

.narrow1,
.enlarge0 {
    width: 30px;
    height: 30px;
    opacity: 100;
}

.musMap0 {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    height: 536px;
    z-index: 99;
    overflow: hidden;
}

/* 物流订单配送详情查询 地图放大缩小 end */

/* 图片删除按钮 */

.img-del {
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: red;
    z-index: 2;
}

.img-del a.icon-close {
    color: #fff;
}

/* 找车详情 */

.pro-detail {
    overflow: hidden;
}

.pro_show_img {
    width: 408px;
    margin-right: 50px;
}

.pro_show_img .big_img {
    width: 406px;
    height: 260px;
    border: 1px solid #ccc;
    position: relative;
    overflow: hidden;
}

.pro_show_img .big_img>div {
    position: absolute;
    width: 404px;
    height: 258px;
    left: 50%;
    margin-left: -202px;
    overflow: hidden;
}

.pro_show_img .big_img>div .rela_img {
    width: 406px;
    height: 260px;
}

.pro_show_img .small_img {
    position: relative;
    width: 408px;
    height: 72px;
    padding-top: 20px;
    overflow: hidden;
}

.pro_show_img .small_img .rela_img {
    float: left;
    width: 80px;
    height: 52px;
    margin: 0 5px;
    border: 1px solid #ccc;
}

.pro_show_img .small_img .slick-current .rela_img {
    border: 1px solid #649fa3;
}

.pro_show_img .small_img .slick-list {
    width: 360px;
    margin: 0 auto;
}

/* .pro_show_img .small_img .slick-active .rela_img{
    border: 1px solid red;
} */

.pro_show_img .small_img .slick-arrow,
.pro_show_img .small_img .slick-prev,
.pro_show_img .small_img .slick-next {
    position: absolute;
    top: 34px;
    width: 14px;
    height: 24px;
    border: none;
}

.pro_show_img .small_img .slick-prev {
    left: 0;
    background: url(../images/btn-group.png) no-repeat 0 0;
}

.pro_show_img .small_img .slick-next {
    right: 0;
    background: url(../images/btn-group.png) no-repeat -20px 0;
}

.pro_show_img .small_img .slick-prev:hover {
    background: url(../images/btn-group.png) no-repeat 0 -30px;
}

.pro_show_img .small_img .slick-next:hover {
    background: url(../images/btn-group.png) no-repeat -20px -30px;
}

.pro-wz h4 {
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
    font-weight: bold;
}

.pro-wz ul li {
    font-size: 14px;
    color: #333;
    line-height: 26px;
}

.pro-wz ul li b {
    font-size: 18px;
    color: #f00220;
    padding-right: 40px;
}

.pro-wz ul li.btn-group {
    padding-top: 20px;
}

.pro-wz ul li.btn-group a {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #649fa3;
    border: 1px solid #649fa3;
    border-radius: 8px;
    padding: 0 20px;
    margin-right: 20px;
}

.pro-wz ul li.btn-group a i {
    color: #649fa3;
    margin-right: 10px;
}

.pro-wz ul li.btn-group a:hover {
    color: #fff;
    background: #649fa3;
}

.pro-wz ul li.btn-group a:hover i {
    color: #fff;
}

.pro-tit {
    border-bottom: 2px solid #4aa8e5;
    overflow: hidden;
}

.pro-tit h2 {
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    color: #fff;
    padding: 0 20px;
    background: #4aa8e5;
}

.pro-tit a {
    display: inline-block;
    line-height: 38px;
    color: #649fa3;
    font-weight: bold;
}

.pro-tit a i {
    padding-right: 10px;
}

.car-info {
    margin-top: 30px;
}

.car-info dl {
    padding: 20px 20px 30px;
    overflow: hidden;
}

.car-info dl dt {
    width: 100px;
    height: 100px;
    border: 3px solid #659fa3;
    border-radius: 50%;
    margin-right: 35px;
}

.car-info dl dt img {
    border-radius: 50%;
}

.car-info dl dd {
    padding-top: 10px;
}

.carTabTit {
    height: 46px;
    border-bottom: 2px solid #4fa1a4;
    /* overflow: hidden; */
}

.carTabTit>a {
    float: left;
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #373737;
    border-radius: 8px 8px 0 0;
    background: #ddd;
    text-align: center;
    margin-top: 4px;
    margin-right: 10px;
}

.carTabTit>a.active {
    height: 44px;
    line-height: 48px;
    color: #fff;
    font-weight: bold;
    margin-top: 0;
    background: #4fa1a4;
}

.warehouse-info {
    margin-bottom: 30px;
}

.warehouse-table {
    margin-top: 20px;
}

.warehouse-table tr {
    border-bottom: 1px solid #ddd;
}

.warehouse-table tbody tr:first-child {
    border-top: 1px solid #ddd;
}

.warehouse-table tr td {
    line-height: 26px;
    padding: 10px 0;
}

.warehouse-table tr td:nth-child(2n-1) {
    width: 90px;
    text-align: center;
    background: #ebebeb;
}

.warehouse-table tr td:nth-child(2n) {
    width: 530px;
    padding-left: 20px;
}

/* 右侧链接 */

.right-link {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 40px;
    background: #5b6e7a;
    z-index: 1;
    padding-top: 250px;
}

.right-link a {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 20px 0;
}

.right-link a:after {
    content: '';
    width: 30px;
    height: 1px;
    background: #4f595f;
    position: absolute;
    bottom: 0;
    left: 5px;
}

.right-link a:hover {
    background: #649fa3;
}

.right-link a:hover:after {
    background: #649fa3;
}

.right-link a span {
    display: inline-block;
    width: 20px;
}

.right-link a i {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    background: #649fa3;
    margin-top: 5px;
}

.price-range {
    height: 34px;
    line-height: 34px;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 0 10px;
}

.price-range span {
    width: 5rem;
}

.price-range input {
    border: 0;
    background: transparent;
    width: 30%;
}

.rela_img .icon-plus {
    line-height: 150px;
    font-size: 70px;
    color: #ccc;
}

/* 平台收入可视化界面 2017-10-25 */

.view-con {
    overflow: hidden;
    clear: both;
}

.view-con .line-box {
    margin-left: 330px;
    margin-right: 320px;
}

.view-con .left-plate {
    float: left;
    /* width: 273px; */
    width: 290px;
    background: #f5f5f5;
    position: relative;
    z-index: 7;
}

.view-con .right-plate {
    float: right;
    width: 306px;
    position: relative;
    z-index: 6;
}

.view-tit {
    height: 36px;
    line-height: 36px;
    background: #4fa1a4;
    color: #fff;
    padding: 0 30px;
}

.view-tit p {
    width: 100%;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    padding-left: 100px;
}

.view-tit p span {
    float: right;
    width: 100px;
    font-size: 14px;
    text-align: right;
    font-weight: normal;
}

/* 圆形布局 */

.day .nums {
    transform: rotate(-90deg);
    display: inline-block;
    font-family: Arial;
    font-size: 8px;
    color: #828282;
    font-style: normal;
}

.line-box {
    width: 600px;
    position: relative;
}

.num-round {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    height: 600px;
    z-index: 5;
    border-radius: 50%;
}

.day-line {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform-origin: right top;
    height: 11px;
    line-height: 11px;
}

.num-round .day-line:nth-child(1),
.num-round .day-line:nth-child(2),
.num-round .day-line:nth-child(3),
.num-round .day-line:nth-child(4),
.num-round .day-line:nth-child(5),
.num-round .day-line:nth-child(6),
.num-round .day-line:nth-child(7),
.num-round .day-line:nth-child(8),
.num-round .day-line:nth-child(9),
.num-round .day-line:nth-child(10) {
    padding-left: 3px;
}

.day-line.cur .day {
    margin-left: -10px;
    display: inline-block;
    width: 100%;
}

.day-line.cur .day em {
    font-size: 16px;
    font-weight: bold;
    color: #00aaeb;
    position: relative;
    background: #f5f5f5;
}

.day-line.cur .day em:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #00aaeb;
    left: 50%;
    margin-left: -3px;
    bottom: -20px;
    border-radius: 50%;
}

.day-line.cur:before {
    content: '';
    position: absolute;
    width: 180px;
    height: 1px;
    background: #00aaeb;
    left: -180px;
    /* transform: rotate(-38.5deg); */
    transform-origin: right top;
    z-index: -1;
}

.line-years {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 40px;
    width: 40px;
    height: 30px;
    line-height: 15px;
    font-size: 9px;
    color: #828282;
    text-align: center;
}

.line-years span {
    display: block;
    border-bottom: 1px solid #d3d3d3;
}

.line-years span:last-child {
    border-bottom: 0;
}

.full-round {
    position: absolute;
    width: 560px;
    height: 560px;
    border-style: solid;
    border-color: #d3d3d3;
    border-radius: 50%;
    box-sizing: content-box;
    left: 50%;
    margin-left: -280px;
}

.big-round {
    top: 19px;
    margin-left: -278px;
    border-width: 1px;
    z-index: 3;
}

.small-round {
    top: 17px;
    border-width: 3px;
}

.small-round:before {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -178px;
    top: -3px;
    width: 350px;
    height: 566px;
    background: #f5f5f5;
    z-index: 4;
}

.small-round:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -140px;
    left: 3px;
    width: 566px;
    height: 308px;
    background: #f5f5f5;
    transform: rotate(-24deg);
}

.view-tit2 {
    height: 39px;
    line-height: 39px;
    background: url(../images/view-bg2.jpg) repeat-x left top;
    margin-bottom: 12px;
    text-align: center;
    position: relative;
}

.view-tit2:before,
.view-tit2:after {
    content: '';
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
}

.view-tit2:before {
    left: 0;
    background: url(../images/view-bg1.jpg) no-repeat;
}

.view-tit2:after {
    right: 0;
    background: url(../images/view-bg3.jpg) no-repeat;
}

.view-tit2 p {
    font-size: 16px;
    color: #373737;
}

.view-tit2 p b {
    font-size: 24px;
    color: #00aaeb;
}

.middle-plate {
    width: 328px;
    /* position: relative; */
    position: absolute;
    left: 50%;
    margin-left: -164px;
    z-index: 5;
    height: 500px;
}

.table-view tr:nth-child(2n-1) {
    background: #eee;
}

.table-view tr td {
    font-size: 14px;
    color: #373737;
}

.table-view tr td i {
    color: #00aaeb;
}

.table-view tr td b {
    font-size: 18px;
    color: #00aaeb;
}

.table-no-bordered tr td {
    border-top: 0 !important;
}

/* 当日收入条形图 */

.today-view {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #00aaeb;
    border-right: 1px solid #00aaeb;
}

.daily-plate {
    float: left;
    width: 33.3%;
    height: 585px;
    /* margin-left: -10px; */
}

.monthly-chart {
    width: 100%;
    height: 250px;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 16px;
}

/* 平台收入可视化界面 end */

/* 生产厂商发票登记 */

.invoice-con {
    margin-top: 40px;
    overflow: hidden;
}

.invoice-con .invoice-left,
.invoice-con .invoice-right {
    width: 49%;
    padding: 20px;
    border-radius: 8px;
    background: #ebebeb;
    position: relative;
}

.invoice-con .invoice-left {
    float: left;
}

.invoice-con .invoice-right {
    float: right;
}

.invoice-left:before,
.invoice-right:before {
    content: '';
    position: absolute;
    top: 75px;
    bottom: 0;
    width: 1px;
    background: #4aa8e5;
}

.invoice-left:before {
    right: -2%;
}

.invoice-right:before {
    left: -2.2%;
}

.invoice-left:after {
    content: '>>';
    position: absolute;
    top: 45px;
    right: -3.5%;
    font-size: 12px;
    color: #333;
}

.invoice-scroll {
    height: 265px;
}

.invoice-scroll ul li {
    height: 237px;
}

.invoice-info {
    left: 80px !important;
}

.invoice-info p {
    font-size: 14px;
    color: #373737;
    height: 40px;
    line-height: 40px;
}

.invoice-info b {
    font-size: 22px;
}

.invoice-scroll ul li table tr:hover {
    background: none !important;
    border: none !important;
    box-shadow: 0 0 0 transparent !important;
}

.invoice-scroll ul li table tr td {
    height: 30px;
    padding: 0 8px;
    border: none !important;
}

/* 承运商物流总量 */

.total-num {
    float: left;
    font-size: 20px;
    color: #373737;
    padding-left: 92px;
    background: url(../images/4_07.png) 62 center no-repeat;
}

.total-num span {
    font-size: 30px;
    color: #00aaeb;
    padding-left: 18px;
}

.total-num i {
    font-size: 14px;
}

.div11_p1 {
    line-height: 34px;
}

.wlzl-form {
    /* overflow: hidden; */
    clear: both;
}

.wlzl-form .row {
    border-bottom: 2px solid #c8c8c8;
    padding-top: 12px;
}

.wlzl-filtering a {
    height: 34px;
    line-height: 34px;
    border: 1px solid #4fa1a4;
    border-radius: 8px;
    text-align: center;
    margin: 0 20px 10px 0;
    padding: 0 20px;
}

.wlzl-filtering a+.option::before {
    width: 0;
}

.wlzl-filtering a:nth-child(n+1).active {
    margin: 0 20px 0 0;
}

.wlzl-filtering a.active {
    line-height: 34px;
    top: 0;
    padding: 0 20px;
}

.flow-ring {
    padding: 20px 0;
    border-bottom: 1px solid #c8c8c8;
    overflow: hidden;
}

.flow-ring>ul>li {
    float: left;
    width: 33.33%;
    height: 261px;
    border-left: 1px solid #c8c8c8;
}

.flow-ring>ul>li:first-child {
    border-left: 0;
}

.flow-ring .ring-tit {
    color: #373737;
    text-align: center;
}

.ring-tit p {
    font-size: 18px;
    line-height: 18px;
}

.ring-tit span {
    display: block;
    height: 52px;
    line-height: 52px;
    font-size: 14px;
}

.ring-tit b {
    font-size: 30px;
    color: #00aaeb;
}

.flow-ring .ring-con {
    overflow: hidden;
}

.ring-con dl {
    float: left;
    width: 50%;
    color: #373737;
    text-align: center;
}

.ring-con dl dt {
    font-size: 16px;
}

.ring-con dl dd {
    font-size: 14px;
}

.ring-con dl dd b {
    font-size: 22px;
}

.ring-con dl dd .f-yellow {
    color: #d39f40;
}

.ring-con dl dd .f-gray {
    color: #4fa1a4;
}

.echart-box {
    position: relative;
    height: 100px;
}

.echart-line {
    width: 30%;
    height: 1px;
    background: #c8c8c8;
    position: absolute;
    left: 10%;
    top: 6px;
}

.echart-line:after {
    content: '';
    width: 20%;
    height: 1px;
    background: #c8c8c8;
    position: absolute;
    right: -20%;
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.echart-line-rit {
    width: 30%;
    height: 1px;
    background: #c8c8c8;
    position: absolute;
    right: 10%;
    top: 6px;
}

.echart-line-rit:after {
    content: '';
    width: 20%;
    height: 1px;
    background: #c8c8c8;
    position: absolute;
    left: -20%;
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

.ring-echart {
    width: 100%;
    height: 100px;
    position: relative;
    background: transparent !important;
}

.tit-car {
    float: left;
    font-size: 16px;
    color: #373737;
    padding-left: 45px;
    background: url(../images/carrier-car.png) no-repeat left center;
}

.tit-car i {
    font-size: 22px;
    color: #d39f40;
    font-weight: bold;
    padding: 0 5px;
}

.tit-trucks {
    float: left;
    font-size: 16px;
    color: #373737;
    padding-left: 45px;
    background: url(../images/tit_trucks.png) no-repeat left center;
}

.tit-trucks i {
    font-size: 22px;
    color: #d39f40;
    font-weight: bold;
    padding: 0 5px;
}

.carrier-ul {
    overflow: hidden;
}

.carrier-ul li {
    position: relative;
    float: left;
    width: 539px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #c8c8c8;
    background: #ebebeb;
    padding: 0 20px;
}

.carrier-ul li:nth-child(2) {
    float: right;
}

.carrier-ul li:before,
.carrier-ul li:after {
    content: '';
    position: absolute;
    top: -1px;
    width: 13px;
    height: 48px;
    z-index: 3;
}

.carrier-ul li:before {
    left: -1px;
    background: url(../images/carrier-left-icon.png) no-repeat left top;
}

.carrier-ul li:after {
    right: -1px;
    background: url(../images/carrier-right-icon.png) no-repeat right top;
}

.carrier-ul li i {
    display: inline-block;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #373737;
    font-weight: bold;
    padding: 0 10px 0 30px;
}

.carrier-ul li:nth-child(1) i {
    background: url(../images/car-blue.png) no-repeat left center;
}

.carrier-ul li:nth-child(2) i {
    background: url(../images/car-red.png) no-repeat left center;
}

.carrier-ul li span {
    display: inline-block;
    height: 46px;
    line-height: 39px;
    font-size: 12px;
    color: #373737;
    padding-left: 20px;
}

.carrier-ul li span b {
    font-size: 24px;
    position: relative;
    top: 4px;
    padding: 0 5px;
}

.carrier-ul li:nth-child(1) span b {
    color: #4fa1a4;
}

.carrier-ul li:nth-child(2) span b {
    color: #dc322e;
}

.main-relative {
    position: relative;
    border: 1px solid #c8c8c8;
}

.main-relative:before,
.main-relative:after,
.main-map:before,
.main-map:after {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    z-index: 3;
}

.main-relative:before {
    top: 0;
    left: 0;
    background: url(../images/map-lt-icon.png) no-repeat left top;
}

.main-relative:after {
    top: 0;
    right: 0;
    background: url(../images/map-rt-icon.png) no-repeat right top;
}

.main-map:before {
    bottom: 0;
    left: 0;
    background: url(../images/map-lb-icon.png) no-repeat left top;
}

.main-map:after {
    bottom: 0;
    right: 0;
    background: url(../images/map-rb-icon.png) no-repeat left top;
}

.table-carrier {
    border: 1px solid #c8c8c8;
    padding: 0 20px;
    position: relative;
    background: url(../images/map-lt-icon.png) no-repeat left top, url(../images/map-rt-icon.png) no-repeat right top, url(../images/map-lb-icon.png) no-repeat left bottom, url(../images/map-rb-icon.png) no-repeat right bottom #ebebeb;
}

.table-carrier table b {
    font-size: 22px;
    color: #4fa1a4;
}

/* 车辆联盟 */

.bg-orange {
    background-color: #ff7202 !important;
}

.bg-blue {
    background-color: #4fa1a4 !important;
}

.bg-gray {
    background-color: #c8c8c8 !important;
}

.inputBox {
    display: flex;
    font-size: 14px;
    padding: 0 10px;
    background: #f5f5f5;
}

.inputBox .input-group-addon,
.inputBox .form-control {
    border: 0;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
}

.inputBox .city-picker-input {
    width: 0;
}

.inputBox .city-picker-span {
    width: 100%;
    border: 0;
}

.inputBox i {
    color: #aaa;
    white-space: nowrap;
}

.sortBtn {
    font-size: 14px;
    color: #373737;
    line-height: 24px;
    padding-left: 50px;
    margin-top: 6px;
}

.sortBtn a {
    position: relative;
    display: inline-block;
    height: 24px;
    color: #373737;
    padding: 0 25px 0 10px;
    margin-left: 20px;
}

.sortBtn a:after {
    position: absolute;
    right: 10px;
    top: 10px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #aaa transparent transparent transparent;
    border-width: 5px;
    margin-left: 5px;
}

.sortBtn a.active,
.sortBtn a:hover {
    color: #fff;
    background: #00aaeb;
    border-radius: 8px;
}

.sortBtn a.active:after,
.sortBtn a:hover:after {
    top: 4px;
    border-color: transparent transparent #fff transparent;
}

.vehicleRegisterTit {
    height: 62px;
    line-height: 62px;
    font-size: 24px;
    color: #5c6f7b;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
}

.register .row {
    padding-bottom: 20px;
}

/* 订单投诉 */

.orderComplaintTop {
    padding: 35px 0;
    text-align: center;
}

.orderComplaintTop h2 {
    font-size: 18px;
    color: #333;
    line-height: 30px;
    margin-bottom: 7px;
}

.orderComplaintTop p {
    font-size: 14px;
    color: #888;
    line-height: 24px;
}

.orderComplaintTop p b {
    color: #373737;
}

.borderBlue {
    border: 1px solid #00aaeb;
    border-radius: 8px;
}

.orderComplaint {
    margin-top: 10px;
    overflow: hidden;
    background: #fff;
}

.orderComplaint .orderComplaintL {
    float: left;
    padding: 56px 40px 0;
}

.orderComplaintL dt {
    float: left;
    width: 100px;
    height: 100px;
    border: 2px solid #eee;
    border-radius: 50%;
    margin-right: 18px;
}

.orderComplaintL dt img {
    border-radius: 50%;
}

.orderComplaintL dd {
    float: left;
    font-size: 18px;
    line-height: 30px;
    padding-top: 10px;
}

.orderComplaintL dd .p1 {
    font-size: 24px;
    color: #00aaeb;
}

.orderComplaintL dd .p2 {
    color: #373737;
}

.orderComplaintL dd .p3 {
    color: #888888;
}

.orderComplaintL dd .p3 b {
    font-size: 24px;
}

.orderComplaint .orderComplaintR {
    float: left;
    border-left: 1px solid #c8c8c8;
    padding: 10px 0;
}

.orderComplaint h2 {
    font-size: 14px;
    color: #888;
    line-height: 36px;
    padding-left: 40px;
}

.orderComplaint h2 b {
    color: #00aaeb;
    padding-right: 10px;
}

.orderComplaint .row {
    padding-bottom: 20px;
}

.orderComplaintDetail {
    font-size: 14px;
    color: #373737;
    line-height: 24px;
    padding: 0 20px;
}

.orderComplaintDetail ul {
    padding-top: 15px;
    overflow: hidden;
}

.orderComplaintDetail ul li {
    float: left;
    width: 33.3%;
    display: flex;
    padding-bottom: 10px;
}

.orderComplaintDetail b {
    display: inline-block;
    min-width: 72px;
    font-weight: normal;
}

.orderComplaintDetail span {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
}

.complaintContent {
    display: flex;
    padding-bottom: 15px;
}

.complaintFeedback {
    display: flex;
    padding: 30px 0 40px;
    overflow: hidden;
}

.complaintFeedback dt {
    width: 73px;
    height: 73px;
    text-align: right;
}

.complaintFeedback dd {
    padding-left: 20px;
    padding-top: 8px;
}

.complaintFeedback h3 {
    font-size: 18px;
    color: #373737;
    line-height: 28px;
}

.complaintFeedback p {
    font-size: 14px;
    color: #888;
    line-height: 24px;
}

.complaintFeedback p i {
    padding-left: 5px;
}

.orderEvaluate {
    padding: 10px 0 0;
}

.orderEvaluate>li {
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    padding-left: 40px;
    margin-bottom: 10px;
}

.orderEvaluate>li:hover {
    background: #f6fcff;
}

.orderEvaluate b {
    float: left;
    display: inline-block;
    width: 160px;
    font-weight: normal;
    font-size: 16px;
}

.starScore {
    padding-top: 8px;
    padding-left: 0;
    overflow: hidden;
}

.starScore li {
    float: left;
    list-style: none;
    width: 24px;
    height: 24px;
    background: url(../images/star.png) no-repeat 0 -30px;
    margin-right: 4px;
}

.starScore li a {
    display: block;
    width: 100%;
    padding-top: 27px;
    overflow: hidden;
}

.starScore li.light {
    background-position: 0 0;
}

.orderEvaluate .tips {
    font-size: 16px;
    color: #888;
    padding-left: 45px;
}

.orderEvaluate .tips i {
    font-size: 24px;
    padding-left: 80px;
}

.orderEvaluate em {
    font-style: normal;
    padding-left: 5px;
}

.carTabCon {
    width: 843px;
    padding-top: 20px;
}

.carTabCon3 .carOfferTable {
    margin-bottom: 10px;
}

.carOfferTable {
    width: 100%;
    border-top: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    margin-bottom: 30px;
}

.carOfferTable thead tr {
    height: 45px;
    line-height: 45px;
    background: #ebf2fb;
    border-left: 1px solid #c8c8c8;
}

.carOfferTable thead tr th,
.carOfferTable tbody tr td {
    border-bottom: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    vertical-align: middle;
}

.carOfferTable thead tr th {
    padding: 0 10px;
}

.carOfferTable thead tr th:first-child {
    width: 100px;
    border-right: 0;
}

.carOfferTable thead tr th:last-child {
    border-left: 0;
}

.carOfferTable thead tr th i {
    color: #888;
}

.carOfferTable tbody tr td {
    padding: 17px 20px;
}

.OfferDetailsTable thead tr td {
    padding: 0 20px;
}

.carOfferTable>tbody>tr>td:nth-child(2n-1) {
    width: 120px;
    text-align: center;
    background: #eee;
}

.carOfferTable td.img {
    width: 212px;
}

.carOfferTable .rela_img {
    width: 120px;
    height: 84px;
    border: 1px solid #c8c8c8;
    margin: 0 auto;
    background: url(../images/picture.png) no-repeat center;
}

.OfferDetailsTable {
    width: 100%;
    border-top: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    text-align: center;
}

.OfferDetailsTable tbody tr.active,
.OfferDetailsTable tbody tr:hover {
    background: #fff;
}

.OfferDetailsTable tbody tr td {
    height: 40px;
    padding: 0;
}

.OfferDetailsTable input {
    width: 100%;
    height: 34px;
    line-height: 32px;
    text-align: center;
}

/* 物流承运费用牌价查询 */

.city-picker-span {
    background: #f5f5f5;
}

.recordTit {
    border-bottom: 2px solid #00aaeb;
    padding: 15px 0;
    margin-bottom: 20px;
}

.recordTit p {
    height: 30px;
    font-size: 14px;
    color: #373737;
    line-height: 30px;
}

.recordTit p b {
    display: inline-block;
    font-size: 24px;
    color: #00aaeb;
    padding: 0 5px;
    vertical-align: bottom;
}

.border-gray {
    border: 1px solid #ccc;
}

.border-bice {
    border: 1px solid #000;
}

.queryRate-default {
    padding: 24px 20px;
    border: 1px solid #ccc;
    margin-top: 10px;
}

.queryRate-default ul li {
    margin-bottom: 24px;
}

.queryRate-default ul li:last-child {
    margin-bottom: 0;
}

.queryRate-default ul li p {
    font-size: 14px;
    color: #373737;
    line-height: 24px;
}

/* 物流承运费用牌价维护 */

.priceManageL {
    float: left;
    width: 304px;
    margin-right: 20px;
}

.queryBoxL,
.queryTableL {
    border: 1px solid #4fa1a4;
    border-radius: 8px;
    padding: 20px 0 20px 20px;
    margin-bottom: 20px;
}

.queryBoxL .fixed-table-pagination {
    padding-right: 20px;
}

.queryBoxL>b {
    display: block;
    font-size: 14px;
    color: #00aaeb;
    margin-bottom: 20px;
}

.queryBoxL .addressBox {
    position: relative;
    padding-left: 23px;
}

.addressBox:before {
    position: absolute;
    left: 0;
    top: 34px;
    content: '';
    width: 18px;
    height: 13px;
    background: url(../images/icon-return.png) no-repeat;
}

.input-address {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 8px;
}

.input-address .city-picker-span {
    border: 0;
    border-radius: 8px;
    padding-left: 27px;
}

.input-address .city-picker-span>span {
    padding-left: 17px;
}

.input-address .city-picker-span:before {
    position: absolute;
    left: 10px;
    top: 12px;
    content: '';
    width: 10px;
    height: 10px;
    border-width: 2px;
    border-style: solid;
    border-color: #4fa1a4;
    border-radius: 100%;
}

.input-address+.input-address .city-picker-span:before,
.input-addressz .city-picker-span:before {
    border-color: #ff6600;
}

.priceManageR {
    float: right;
    width: 924px;
}

.btn-inport {
    display: inline-block;
    height: 34px;
    line-height: 32px;
    font-size: 14px;
    color: #00aaeb;
    border: 1px solid #00aaeb;
    border-radius: 8px;
    padding: 0 10px;
    position: relative;
}

.btn-inporta {
    padding-left: 30px;
    margin-right: 30px;
}

.btn-inporta:before {
    position: absolute;
    left: 8px;
    content: '+';
    font-size: 24px;
    color: #00aaeb;
}

.price-tip {
    position: relative;
    font-size: 14px;
    color: #00aaeb;
    margin-top: 0;
}

.price-tip span {
    cursor: pointer;
}

.price-tip i {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    background: #00aaeb;
    border-radius: 100%;
    text-align: center;
    margin-right: 10px;
    margin-left: 10px;
}

.price-tip dl {
    position: absolute;
    right: 23px;
    top: 44px;
    width: 328px;
    font-size: 14px;
    color: #373737;
    line-height: 24px;
    padding: 17px 20px;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    background: #fff;
    z-index: 5;
    display: none;
}

.price-tip dl:before {
    position: absolute;
    left: 193px;
    top: -24px;
    content: '';
    width: 41px;
    height: 24px;
    background: url(../images/icon-tips.png) no-repeat;
    background-position: 0 0;
}

.price-tip dl:before {
    background-position: -89px 0;
}

.price-tip2 dl {
    left: 0;
    bottom: auto;
}

.price-tip2 dl:before {
    top: -24px;
    left: 30px;
    background-position: -44px 0;
}

.price-tip3 dl,
.price-tip4 dl,
.price-tip5 dl,
.price-tip6 dl,
.price-tip7 dl,
.price-tip8 dl,
.price-tip9 dl {
    left: 0;
    top: 40px;
    bottom: auto;
    text-align: left;
    font-weight: normal;
}

.price-tip4 dl,
.price-tip5 dl,
.price-tip6 dl,
.price-tip7 dl,
.price-tip8 dl,
.price-tip9 dl {
    width: 450px;
    top: 52px;
}

.price-tip3 dl:before,
.price-tip4 dl:before,
.price-tip5 dl:before,
.price-tip6 dl:before,
.price-tip7 dl:before,
.price-tip8 dl:before,
.price-tip9 dl:before {
    top: -24px;
    left: 225px;
    background-position: -44px 0;
}

.price-tip2 dl:before {
    left: 78px;
}

.price-tip3 dl:before {
    left: 88px;
}

.price-tip4 dl:before,
.price-tip7 dl:before {
    /* left: 198px; */
    left: 222px;
}

.price-tip dl dt i {
    position: absolute;
    top: 11px;
    right: 11px;
    width: 20px;
    height: 20px;
    background: url(../images/layui-icon.png) no-repeat 0 -40px;
    cursor: pointer;
}

.price-tip dl dt {
    padding-bottom: 5px;
    border-bottom: 1px solid #c8c8c8;
}

.price-tip dl dd {
    padding-top: 17px;
}

.price-tip dl dd b {
    color: #00aaeb;
}

.carTabCon2 .carTabCon,
.carTabCon3 .carTabCon {
    width: 100%;
    display: none;
}

.carTabCon2 .carTabCon:first-child,
.carTabCon3 .carTabCon:first-child {
    display: block;
}

.carTabCon ul li {
    display: flex;
    line-height: 34px;
    margin-bottom: 10px;
}

.carTabCon ul li>span {
    display: inline-block;
    width: 78px;
    color: #888;
}

.carTabCon ul li .input-group .radio-inline {
    padding-top: 0;
}

.billingFormTab-tit a {
    display: inline-block;
    height: 44px;
    line-height: 42px;
    font-size: 14px;
    color: #373737;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    padding: 0 20px;
    margin-right: 15px;
}

.billingFormTab-tit a.active {
    border: 1px solid #00aaeb;
    background: url(../images/icon-select.png) no-repeat right bottom;
}

.billingFormCon .billingFormTab-con:first-child {
    display: block;
}

.billingFormTab-con {
    position: relative;
    margin-top: 10px;
    border: 1px solid #00aaeb;
    border-radius: 8px;
    background: #fff;
    padding: 10px 20px;
    display: none;
}

.billingFormTab-con .addBox {
    position: absolute;
    right: 0;
    top: 0;
    width: 65px;
    height: 53px;
    background: url(../images/icon-head-add.png) no-repeat;
}

.billingFormTab-con dl dt,
.interval-dl dt {
    color: #888;
    line-height: 34px;
    clear: both;
}

.billingFormTab-con dl dd,
.interval-dl dd {
    width: 100%;
    height: 54px;
    border: 1px dashed #c8c8c8;
    margin: 10px 0;
    padding: 9px;
    line-height: 34px;
}

.billingFormTab-con dl dd .fl,
.interval-dl dd .fl {
    margin-right: 30px;
}

.billingFormTab-con dl dd .fr,
.interval-dl dd .fr {
    margin-left: 10px;
}

.billingFormTab-con dl dd b,
.interval-dl dd b {
    margin-right: 10px;
    font-weight: normal;
}

.spanBox {
    display: inline-block;
    height: 34px;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    padding: 0 10px;
}

.spanBox em {
    display: inline-block;
    width: 14px;
    height: 1px;
    background: #c8c8c8;
    vertical-align: middle;
}

.spanBox input {
    height: 32px;
    background: transparent;
    border: 0;
    width: 80px;
    text-align: center;
}

.pp-btn a {
    padding: 0 10px;
    border-left: 1px solid #c8c8c8;
}

.pp-btn a:last-child {
    padding-right: 0;
}

.pp-btn a:first-child {
    border-left: 0;
}

.queryBidding-div {
    max-height: 568px;
    overflow-y: auto;
    margin-bottom: 20px;
}

.queryRoute {
    max-height: 500px;
    margin-bottom: 20px;
    padding-right: 20px;
    /*overflow: hidden;*/
}

.queryRoute li {
    float: left;
    width: 120px;
    /* height: 60px; */
    padding: 7px 10px;
    border: 1px solid #c8c8c8;
    background: #ebebeb;
    margin: 0 0 20px 20px;
    color: #373737;
    cursor: pointer;
}

.queryRoute li:nth-child(2n-1) {
    margin-left: 0;
}

.queryRoute li p {
    font-size: 12px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.queryRoute li strong {
    font-size: 14px;
}

.queryRoute li:hover,
.queryRoute li.active {
    color: #00aaeb;
    border: 1px solid #00aaeb;
    background: #ebf2fb;
}

.queryRoute li:hover>span,
.queryRoute li.active>span {
    background: #ff7202 !important;
}

.table-route tbody tr.active td {
    background: #fff;
    border-top: 1px solid #00aaeb;
    border-bottom: 1px solid #00aaeb;
}

.biddingInfo {
    color: #373737;
    border: 1px solid #4fa1a4;
    padding: 15px 20px;
    background-repeat: no-repeat;
    background-position: 98% 90%;
}

.biddingInfo.cancel {
    background-image: url(../images/seal-cancel.png);
}

.biddingInfo.unreleased {
    background-image: url(../images/seal-unreleased.png);
}

.biddingInfo.published {
    background-image: url(../images/seal-published.png);
}

.biddingInfo.quoted {
    background-image: url(../images/seal-quoted.png);
}

.biddingInfo.receipt {
    background-image: url(../images/seal-receipt.png);
}

.biddingInfo.rejected {
    background-image: url(../images/seal-rejected.png);
}

.biddingInfo.bids {
    background-image: url(../images/seal-bids.png);
}

.biddingInfo.robbed {
    background-image: url(../images/seal-robbed.png);
}

.biddingInfo dt {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
}

.biddingInfo dt b {
    padding-left: 40px;
    color: #4aa8e5;
}

.biddingInfo dd .biddingInfoUl {
    overflow: hidden;
}

.biddingInfoUl li {
    float: left;
    width: 33.3%;
    font-size: 14px;
    line-height: 24px;
}

.queryBidding li {
    position: relative;
    width: 100%;
    margin-left: 0;
    padding-top: 30px;
}

.queryBidding li>span {
    position: absolute;
    left: -1px;
    top: 9px;
    display: inline-block;
    height: 18px;
    font-size: 12px;
    color: #fff;
    padding: 0 5px;
    line-height: 18px;
    background: #00aaeb !important;
}

.queryBidding li p {
    color: #888;
}

.queryBidding li p:nth-child(2) {
    color: #373737;
}

.queryBidding li:hover,
.queryBidding li.active {
    background: #fff;
}

.biddingRoute {}

.biddingRoute ul {
    overflow: hidden;
}

.biddingRoute ul li {
    float: left;
    width: 282px;
    /*height: 241px;
    padding: 10px;*/
    height: auto;
    border: 1px solid #c8c8c8;
    position: relative;
    margin-left: 40px;
    margin-bottom: 30px;
}

.biddingRoute ul li:hover,
.biddingRoute ul li.active {
    border: 1px solid #00aaeb;
    background: #fff;
}

.biddingRoute ul li:nth-child(4n-3) {
    margin-left: 0;
}

.biddingRoute ul li span {
    position: absolute;
    left: -1px;
    top: 9px;
    font-size: 12px;
    color: #fff;
    padding: 0 5px;
    line-height: 18px;
}

.biddingRoute ul li dl {
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    padding-top: 20px;
}

.biddingRoute ul li dl dt {
    font-size: 16px;
    color: #373737;
    line-height: 24px;
}

.biddingRoute ul li dl dd strong {
    padding-right: 5px;
}

.biddingBtn {
    text-align: right;
    margin-top: 5px;
}

.biddingBtn a {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #fff;
    background: #00aaeb;
    border-radius: 8px;
    padding: 0 15px;
}

.biddingRouteL {}

.biddingRoute ul li .rela_img {
    width: 100%;
    height: 120px;
    border-bottom: 1px solid #c8c8c8;
    background: #fff;
}

.biddingRouteWz {
    position: relative;
    padding: 10px;
}

.biddingRouteWz span {
    position: absolute;
    left: -1px;
    top: 9px;
    font-size: 12px;
    color: #fff;
    padding: 0 5px;
    line-height: 18px;
}

.biddingRouteWz dl {
    font-size: 14px;
    color: #888888;
    padding-top: 20px;
}

.biddingRouteWz dl dt {
    font-size: 16px;
    color: #373737;
    line-height: 24px;
}

.biddingRouteWz dl dd {
    line-height: 24px;
}

.biddingRouteWz dl dd strong {
    padding-right: 5px;
}

.biddingBtn {
    text-align: right;
    margin-top: 5px;
}

.biddingBtn a {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #fff;
    background: #00aaeb;
    border-radius: 8px;
    padding: 0 15px;
}

.biddingRouteL,
.biddingRouteR {
    width: 610px;
}

.biddingRouteR {
    margin-left: 30px;
}

.biddingRouteL .biddingRoute ul li:nth-child(2n-1) {
    margin-left: 0;
}

.biddingRouteCon {
    padding: 0 20px;
    background: #ebebeb;
    border-radius: 8px;
}

.biddingRouteCon .biddingTime {
    font-size: 14px;
    color: #373737;
    border-bottom: 1px solid #c8c8c8;
    padding: 20px 0;
}

.biddingTime b {
    display: inline-block;
    height: 55px;
    line-height: 55px;
    font-size: 22px;
    color: #f00220;
    padding: 0 10px;
    background: #fff;
    border-radius: 8px;
    margin: 0 5px 0 10px;
}

.biddingRouteCon dl {
    line-height: 26px;
    padding: 15px 0;
    border-bottom: 1px solid #c8c8c8;
}

.biddingRouteCon dl dt {
    font-size: 18px;
}

.biddingRouteCon dl dd {
    font-size: 14px;
}

.biddingRouteCon .biddingInput {
    height: 84px;
    line-height: 44px;
    padding: 20px 0;
}

.biddingInput input {
    width: 155px;
    height: 44px;
    line-height: 42px;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    background: #fff;
    margin: 0 5px 0 10px;
    padding: 0 10px;
}

.biddingInput input:focus {
    border: 1px solid #00aaeb;
}

.biddingInput a {
    display: inline-block;
    width: 110px;
    height: 44px;
    font-size: 18px;
    color: #fff;
    border-radius: 8px;
    background: #00aaeb;
    text-align: center;
    margin-left: 20px;
}

/*.biddingInput input:focus + a{
    background: #00aaeb;
}*/

/* 个人中心 */

.personal-top {
    padding: 30px 20px;
    background: #fff;
    overflow: hidden;
}

.personal-top dt {
    float: left;
    border-right: 1px dashed #c8c8c8;
    padding-right: 35px;
}

.personal-top dt .rela_img {
    float: left;
    width: 100px;
    height: 100px;
    border: 2px solid #f0f0f0;
    border-radius: 50%;
}

.personal-top dt .personalTop-wz {
    float: left;
    padding-left: 10px;
}

.personalTop-wz h3 {
    font-size: 18px;
    color: #373737;
    line-height: 34px;
}

.personalTop-wz span {
    display: inline-block;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    color: #fff;
    background: #649fa3;
    border-radius: 4px;
    padding: 0 5px;
    margin-bottom: 5px;
}

.personalTop-wz p {
    color: #c8c8c8;
}

.personalTop-wz p a {
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
    color: #00aaeb;
    padding: 0 10px;
}

.personalTop-wz p a:first-child {
    padding-left: 0;
}

.personalTop-wz p i {
    display: block;
    font-size: 12px;
    color: #888;
    line-height: 22px;
}

.personal-top dd {
    float: left;
    text-align: center;
}

.personal-top dd a {
    display: inline-block;
    margin-left: 55px;
    padding-top: 20px;
}

.personal-top dd a span {
    display: inline-block;
    width: 58px;
    height: 58px;
    border-radius: 8px;
}

.personal-top dd a:nth-child(1) span {
    background: #14c0a2;
}

.personal-top dd a:nth-child(2) span {
    background: #14bac0;
}

.personal-top dd a:nth-child(3) span {
    background: #ffb400;
}

.personal-top dd a:nth-child(4) span {
    background: #4f8ff3;
}

.personal-top dd a:nth-child(5) span {
    background: #6996db;
}

.personal-top dd a:nth-child(6) span {
    background: #9453de;
}

.personal-top dd a:nth-child(7) span {
    background: #ff7902;
}

.personal-top dd a.active span:before {
    position: absolute;
    right: -5px;
    top: -5px;
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #f00220;
}

.personal-top dd a p {
    font-size: 14px;
    color: #373737;
}

.personal-top dd a p b {
    color: #f00220;
}

.personal-con {
    overflow: hidden;
}

.personalConL {
    width: 845px;
    background: #fff;
}

.personalConR {
    width: 385px;
    background: #fff;
    margin-left: 20px;
}

.personalConTit {
    height: 55px;
    line-height: 54px;
    font-size: 14px;
    color: #373737;
    border-bottom: 1px solid #c8c8c8;
    padding: 0 20px;
    overflow: hidden;
}

.personalConTit a {
    float: right;
    color: #00aaeb;
}

.personalConR ul {
    padding: 0 20px 10px;
}

.personalConR ul li {
    line-height: 22px;
    margin: 11px 0;
}

.personalConR ul li p {
    color: #888;
}

.personalConR ul li a {
    display: block;
    color: #373737;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.personalConR ul li a:hover {
    color: #00aaeb;
}

.personalConL .tabTit {
    position: relative;
    width: 100%;
    margin-top: -56px;
    text-align: center;
}

.personalConL .tabTit a {
    display: inline-block;
    height: 56px;
    line-height: 54px;
    font-size: 14px;
    color: #888;
    margin: 0 23px;
}

.personalConL .tabTit a.active {
    color: #00aaeb;
    border-bottom: 2px solid #00aaeb;
}

.personalConL .tabCon .echart0 {
    width: 100%;
    height: 351px;
    display: none;
}

.personalConL .tabCon .echart0:first-child {
    display: block;
}

.carrierQuotation>li {
    width: 100%;
    padding: 5px 10px 10px;
    border: 1px solid #c8c8c8;
    background: #ebebeb;
    margin: 0 0 20px 0;
    color: #373737;
    cursor: pointer;
}

.carrierQuotation>li b {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    padding: 0 5px;
    margin-left: -10px;
    margin-bottom: 5px;
}

.carrierQuotation>li .rela_img {
    width: 102px;
    height: 30px;
    border: 1px solid #c8c8c8;
    margin-bottom: 5px;
}

.carrierQuotation>li p {
    font-size: 16px;
    color: #373737;
    line-height: 24px;
}

.carrierQuotation>li p i {
    font-size: 14px;
    color: #888888;
}

.carrierQuotation li:hover,
.carrierQuotation li.active {
    background: #fff;
}

/* 四方云列表 */

.list-route {
    height: 130px;
    padding: 40px 45px;
}

.list-route .input-route {
    float: left;
    width: 480px;
    margin-right: 20px;
    position: relative;
    display: flex;
    displsy: -webkit-flex;
}

.input-route {
    height: 50px;
    line-height: 48px;
    font-size: 18px;
    border: 1px solid #ddd;
    background: #fff;
}

.input-route>i {
    display: inline-block;
    width: 59px;
    font-size: 18px;
    border-right: 1px solid #ddd;
    text-align: center;
}

.input-route .city-picker-span {
    width: 100%;
    background: #fff;
    border: 0;
}

.input-route input {
    font-size: 18px;
    padding: 0 10px;
}

.input-route em {
    font-size: 24px;
    color: #c8c8c8;
    margin-right: 10px;
    font-weight: bold;
    line-height: 48px;
}

.list-route>a.btn {
    float: right;
    width: 150px;
    height: 48px;
    line-height: 36px;
    font-size: 18px;
    color: #fff;
    background: #009ca2;
    border-radius: 4px;
    text-align: center;
}

.list-con {
    background: #fff;
    clear: both;
}

.list-con .list-tit {
    height: 50px;
    line-height: 48px;
    border-bottom: 2px solid #009ca2;
    text-align: center;
}

.list-tit a {
    float: left;
    display: inline-block;
    width: 96px;
    border-left: 1px solid #ddd;
}

.list-tit a:first-child {
    border-left: 0;
}

.list-tit a:hover,
.list-tit a.active {
    color: #fff;
    font-weight: bole;
    background: #009ca2;
}

.list-tab {}

.list-tab .list-items {
    display: none;
    padding: 20px 16px 40px;
}

.list-tab .list-items:first-child {
    display: block;
}

.list-items .list-item {
    padding: 15px;
    border: 1px solid #ccc;
    background: #fff;
    margin-bottom: 20px;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
}

.list-item dt {
    width: 160px;
    height: 56px;
    position: relative;
    border: 1px solid #eee;
}

.list-item dt img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 0;
    max-width: 100%;
    max-height: 100%;
}

.list-item dd {
    padding: 0 10px;
}

.list-item dd h3 {
    font-size: 20px;
}

.list-item dd h3 i {
    color: #ccc;
}

.list-item dd .company-name {
    color: #243871;
}

.list-item dd .company-name:before {
    margin-right: 5px;
}

.list-item dd .company-name span {
    display: inline-block;
    line-height: 1;
    font-size: 10px;
    color: #fff;
    background: #ff7202;
    border-radius: 4px;
    padding: 3px;
    vertical-align: middle;
}

.star {
    display: inline-block;
    width: 90px;
    height: 13px;
    margin-left: 4px;
    background: url(../images/star.png) no-repeat;
}

.star.star0 {
    background-position: 0 0;
}

.star.star1 {
    background-position: 0 -20px;
}

.star.star2 {
    background-position: 0 -40px;
}

.star.star3 {
    background-position: 0 -60px;
}

.star.star4 {
    background-position: 0 -80px;
}

.star.star5 {
    background-position: 0 -100px;
}

.company-info li {
    float: left;
    width: 33.3%;
    color: #888;
}

.company-info li:nth-child(2) {
    width: 66.7%;
}

.company-info li span {
    font-size: 12px;
    color: #fff;
    background: #92cbd1;
    border-radius: 2px;
    padding: 2px;
    margin-right: 5px;
}

.list-btn a {
    display: inline-block;
    width: 96px;
    height: 42px;
    line-height: 42px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #009ca2;
    border-radius: 4px;
}

.list-items .list-item:hover {
    border-color: #ffa655;
    background: #fffdf8;
}

.list-item:hover dd h3 {
    color: #ff7202;
}

/* 抢单管理 */

.robbingTab {
    overflow: hidden;
}

.robbingTabCon ul {
    display: none;
    margin-left: 6px;
}

.robbingTabCon ul:first-child {
    display: block;
}

.robbingTabCon ul li {
    float: left;
    /* width: 290px; */
    width: 22%;
    /* height: 237px;
    margin: 30px 0 0 30px; */
    margin: 30px 0 0 4%;
    background: #fff;
}

.robbingTabCon ul li:nth-child(4n-3) {
    margin-left: 0;
}

.robbingTabCon02 {
    max-height: 540px;
    overflow-y: auto;
}

.robbingTabCon02 ul li:nth-child(4n-3) {
    margin-left: 4%;
}

.robbingTabCon02 ul li {
    width: 48%;
}

.robbingTabCon02 ul li:nth-child(2n-1) {
    margin-left: 0;
}

.robbingTabCon .liTop {
    position: relative;
    border: 1px solid #c8c8c8;
    border-bottom: 0;
    padding: 28px 0 25px;
}

.robbingTabCon .liTop i {
    position: absolute;
    top: 9px;
    left: -7px;
    width: 38px;
    height: 19px;
    background-image: url(../images/icon-font.png);
    -moz-box-shadow: 1px 1px 4px #ccc;
    box-shadow: 1px 1px 4px #ccc;
}

.robbingTabCon .liTop i.common {
    background-position: 0 0;
}

.robbingTabCon .liTop i.common-end {
    background-position: 0 -30px;
}

.robbingTabCon .liTop i.cold {
    background-position: 0 -60px;
}

.robbingTabCon .liTop i.cold-end {
    background-position: 0 -90px;
}

.robbingTabCon .liTop h3 {
    height: 44px;
    line-height: 44px;
    font-size: 20px;
    color: #555;
    font-weight: bold;
    text-align: center;
}

.robbingTabCon .liTop h3 em {
    color: #ccc;
}

.robbingTabCon .liTop>span {
    display: block;
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    color: #ff7202;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
}

.robbingTabCon .lip {
    line-height: 24px;
    font-size: 12px;
    color: #888;
    padding-left: 10px;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.robbingTabCon .lip b {
    color: #333;
}

.robbingTabCon .lip span {
    padding-left: 40px;
}

.robbingTabCon .liBottom {
    position: relative;
    height: 54px;
    border: 1px solid #c8c8c8;
}

.robbingTabCon .liBottom a {
    display: inline-block;
    width: 85px;
    height: 52px;
    line-height: 52px;
    font-size: 14px;
    color: #fff;
    background: #00aaeb;
    text-align: center;
}

.robbingTabCon .liBottom span {
    position: absolute;
    top: -10px;
    right: 10px;
    width: 94px;
    height: 52PX;
}

/* 物流查询列表 */

.query-list {
    border: 1px solid #4fa1a4;
    border-radius: 8px;
    background: #fff;
    margin-top: 10px;
    padding: 10px 100px;
    text-align: center;
}

.query-list p {
    display: inline-block;
    height: 100px;
    line-height: 100px;
    font-size: 24px;
    text-align: center;
    background: url(../images/browser_07.png) no-repeat left center;
    padding-left: 120px;
    margin: 0 auto;
}

.query-list ul {
    text-align: left;
}

.query-list ul li {
    display: flex;
    display: -webkit-flex;
    height: 50px;
    align-items: center;
}

.query-list ul li:first-child {
    color: #ff7202;
}

.query-list ul li i {
    position: relative;
    display: inline-block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-right: 20px;
    padding-right: 40px;
}

.query-list ul li i:before {
    content: '';
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #ccc;
}

.query-list ul li:first-child i:before {
    top: 15px;
}

.query-list ul li:last-child i:before {
    bottom: 15px;
}

.query-list ul li i:after {
    content: '';
    position: absolute;
    right: 0;
    top: 15px;
    width: 20px;
    height: 20px;
    background-image: url(../images/query-list.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.query-list ul li:last-child i:after {
    background-position: -25px 0;
}

.query-list ul li:first-child i:after {
    background-position: -50px 0;
}

.toggle-btn {
    display: inline-block;
    width: 84px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
}

.toggle-btn i {
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    font-weight: bold;
    font-size: 14px;
}